Interactive Scatterplot
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 descriptionThis 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 -->