Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Focus + Context Scatter Plots

Public visualization

Viewing a saved revision (read-only)

mbu8L0pQtiX6sjk_deu9W

Focus + Context Scatter Plots

0 stars0🌍 Public
Aasifm
Last edited Oct 4, 2017
Created on Oct 4, 2017

This example demonstrates focus + context scatter plots using the classic Iris dataset, showing sepal length versus petal length. Two coordinated scatter plots are arranged side by side—a small context view with a draggable brush and a larger focus view that zooms into the brushed region. Built with Chiasm and D3.js, the visualization uses reactive data bindings to synchronize the brush intervals with the focus plot’s scale domains. The custom scatter plot component leverages D3 scales, SVG circles, and a brush overlay to enable interactive filtering of the data points.

AI-generated description

Focus + Context Scatter Plots using Chiasm.

Draws from

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

forked from <a href='http://bl.ocks.org/curran/'>curran</a>'s block: <a href='http://bl.ocks.org/curran/d1e9ea2850047562be09'>Focus + Context Scatter Plots</a>

MIT Licensed