Scatter Chart with Chart.js

TODO: Match formatting above

Scatter charts (also scatterplots) are used to display data of 2 or more dimensions. The scatter chart below shows the relationship between household income and test performance for school districts in Connecticut. Using x- and y-axes to show two dimensions, it is easy to see that test performance improves as household income goes up. Upload data to CSV fileā€¦

Figure 11.5: Interactive scatter chart with Chart.js. See detailed instructions on GitHub.

Going beyond two dimensions

TODO: Match formatting above

To show more than two dimensions in scatter charts, one can:

  • color each data point differently to show third dimension, eg use shades of red and green to show 5-year trend in test performance;
  • resize each data point to display fourth dimension, eg number of students in each school district;
  • use different icons or glyphs to display fifth dimension, eg circles for male students and squares for female students.

Remember not to overwhelm the viewer and communicate only the data that are necessary to prove or illustrate your idea.