D3.js visualisations
₹400-750 INR / hour
Read the data using D3
Create a line graph which plots TimeOfDay versus HourlyAverage with the following characteristics:
Draw separate lines for Weekday and Weekend, both on the same plot.
Draw circles for each data point such that they are overlaid above the lines.
Draw x and y axes with appropriate ticks and labels. You do not need to include axis names.
Give each time series its own unique colour. You do not need to include a legend.
Draw an annotation above the line graph which highlights the following finding to the reader:
“Pedestrian counts during weekdays fluctuate at peak hours, whereas counts during weekends grow and shrink steadily throughout the day.”
Include some text as part of your annotation which very briefly explains this finding.
The design of the annotation is up to you, as long as it is clearly visible and understandable.
You are allowed to hard-code the position and size of the annotation.
Show a tooltip whenever a circle is hovered over with the mouse
Have the tooltip display the type of day, the hour, and the average pedestrian count at that given circle.
The tooltip should be positioned close to the mouse cursor, and disappear when the circle is no longer hovered over.
You do not need to show tooltips for the lines.
Project ID: #27953668
