Create an HTML file and include the D$3.$js library in the sheads section.

Create a Javascript file $($ exarple ifs$)$ where you will implement the logic to load and display the data.

JavaScript Implementation $($ example js$)$: Implement the main function to load data from a CSV file named purchase ordens. Cov. This file should be located in a data directory at the root of your project custorantane, orderid, and purchasedount columns. After loading the data. dynamically create and append a $41$ is element for each purchase order within an unordered list $($ caly$)$ in the body of your HTML document, displaying the customer's name, order ID$,$ and purchase amount for each order.

CSV Data File $($ purchase ondensend$)$ : Ensure your CSV file is properly purchaseanount.

Here is the csv file for download: purchase orders csv $$

Data Loading and Display: Modiry the provided Javascript template to effectively load and display the data. Ensure that:

The data from punchase ondens con is accurately fetched using $4+x^2$

For each order in the CSV file, a new listitem $(4$it$)$ is appended to an unordered list in the document body.

Each list item displays the purchase order's details in the format: "Customer Name $-$ Order ID: Purchase Amount".

Requirements:

Your application must not produce any errors when loaded in a web browser.

Ensure the asynchronous data loading is correctly handled, displaying. alf purchase orders upon completion.

Utilize D$3.$js methods for data binding, element creation, and dynamic content generation based on the CSV data.

Submission:

Submit the following files for evaluation:

The HTML file $($inglex$,$ htmI$).$

The Javascript file $($example$,$ is$)$ with your D$3,$js code.

An example CSV data file $($purchase$\_$onders.csv$)$ for testing your application.

This challenge assesses your proficiency in handling asynchronous data uperations, parsing CSV files, and dynarnically manipulating the DOM