Skip to main content
100%

Interactive Scatterplot

✓ Published0🌍 Public
CCurran Kelleher
Last edited Dec 9, 2015
Created on Dec 8, 2015

This interactive scatterplot, built with D3.js and Chiasm, visualizes the classic Auto MPG dataset. Users can dynamically select which numeric columns (e.g., MPG, horsepower, weight) to plot on the x- and y-axes using dropdown menus, enabling exploration of relationships between vehicle attributes. Points are rendered as circles, colored by country of origin, and the visualization updates smoothly in response to selection changes. The underlying data is loaded from a CSV file and mapped to the chart, with axis labels updating to reflect the current selections. The example is authored by Curran Kelleher and demonstrates a flexible pattern for building linked interactive visualizations with column selection widgets.

AI-generated description

This example shows one way to add interactive column selection widgets to a scatter plot.

The data shown here is the classic Auto MPG Data Set.

Uses Chiasm.

forked from <a href='http://bl.ocks.org/curran/'>curran</a>'s block: <a href='http://bl.ocks.org/curran/014b461f460cf8fa3b77'>Iris Dataset Scatter Plot</a>

<!-- Start of SimpleHitCounter Code --> <div align="center"><a href="http://www.simplehitcounter.com" target="_blank"><img src="http://simplehitcounter.com/hit.php?uid=1987648&f=16777215&b=0" border="0" height="18" width="83" alt="web counter"></a></div> <!-- End of SimpleHitCounter Code -->

Similar vizzes