D3.js Line Chart

This project presents a line chart visualization using D3.js library to depict the average price of cars over the years.

Features:

1. Data Loading: Data is loaded from a CSV file (car_dataset.csv) using D3's d3.csv method.

2. Line Chart: A line chart is rendered using SVG elements to illustrate the trend of average car prices over the years.

3. Data Transformation: The data is processed to convert necessary fields to numeric values and sorted by year for proper visualization.

4. Scalable Vector Graphics (SVG): The visualization is implemented using SVG, providing scalability and responsiveness.

5. Axes: Both X and Y axes are drawn to provide context to the data, with appropriate labels denoting the year and average price.

6. Gridlines: Gridlines are added to enhance readability and aid in interpreting the chart accurately.

7. Smoothing Curve: The line chart uses a monotone X-curve to smoothen the visual representation of data points.

8. Interactive Tooltip: Hovering over data points displays a tooltip showing the year and corresponding average price of cars.

9. External Library: D3.js library is included via CDN (https://d3js.org/d3.v7.min.js).

10. Styling: CSS styling is applied to elements, including the line, gridlines, and tooltip, for improved aesthetics and clarity.