Coding Challenge: Dynamic Data Visualization Dashboard

Objective: Create a dynamic data visualization dashboard using D$3.$js that displays stock values from a CSV file. The dashboard should include interactive elements to highlight

specific data points and allow users to gain insights into stock performance over time.

Requirements:

Data Processing:

Parse the provided CSV file $($mock stock data.csV darr $)$ to extract stock values. The CSV contains stock names, dates, and their corresponding values.

Implement functionality to filter data based on user$-$selected criteria $($e$.$g$.,$ stock name, date range$).$

Visualization:

Utilize D$3.$js to create a visualization that effectively represents the stock data. This could be in the form of a line chart, bar chart, or any other appropriate visualization type.

Ensure the visualization is responsive and fits within the dimensions specified in the index. html file $(600600$ SVG element$).$

Interactivity:

Implement interactivity such that hovering over a data point displays a tooltip with detailed information $($e$.$g$,$ stock name, value, date$).$

Include interactive elements to allow users to filter the visualization based on stock names or date ranges.

Styling:

Use the provided style.css file to style the webpage and the visualization. Enhance the visual design with additional CSS as needed.

Ensure the webpage is visually appealing and the information is easy to read.

Integration:

Integrate your JavaScript code with the provided index. html file. Your script should be linked as indicated and should run correctly when the page loads.

Make sure your application adheres to modern web development standards, including accessibility and cross$-$browser compatibility.

Deliverables:

A modified

file with your D$3.$js visualization integrated.

An updated JavaScript file $($example$.$js or a new file$)$ containing your data processing, visualization, and interactivity code.

An enhanced CSS file $($style$.$css $)$ with additional styling for your dashboard.

Evaluation Criteria:

Correctness and efficiency of data processing and visualization.

Creativity and usability of the interactive elements.

Aesthetic appeal and responsiveness of the webpage design.

Code organization, readability, and documentation.

This challenge covers a broad spectrum of skills and allows candidates to demonstrate their proficiency in front$-$end development, data manipulation, and visualization techniques.