The above visualization is a a multi-line chart meant to show home sales trends in the United States. The y-axis represents the Percentage of Homes Sold starting from 0% to 65%. The x-axis represents the Years starting from 2013 all the way to 2018. Each line in the graph represents a different state in the United States.
There are a couple interactive features implemented in this visualization. When the user hovers over a line(a state) on the graph, it highlights it and greys out the rest of the lines(the other states). In addition, it displays the state's name that was hovered over at the top. Every line also has visible points that the user can click on. When clicked on, a bar chart will display showing the number of homes sold per month of a specific state and year. This bar chart contains the number of sales represented on the y-axis and on the x-axis, the months of the specifc year. This visualization also has an interactive legend used for finding a desired state and for comparisons of states. When clicked on a state on the legend, it thinkens the line on the graph in order to clearly identify it. The user can also click on multiple lines for comparison of states trends.
From this visualization, one can learn the trends of homes sold for California over time. We can see that the percentage of homes sold reached a low for Califonia in 2014 and reached a peak in 2017. When we click on California in the year 2014, we can see from bar chart displayed that the number of homes sold was pretty evenly distributed throughout the months, except for very low numbers in January and February. Then, when we click on California in the year 2017, from the bar chart displayed, we can see that the middle of year is where the most homes were sold as opposed to the beginning of the year and at the end of the year.
Inspiration from and credit to:
• d3noob’s Multi-lin graph 4: Toggle
• Zakaria Chowdhury’s D3v4 Multi Line Chart