Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Brushing

Public visualization

Brushing

1 star1🌍 Public
SShane Carey
Last edited Mar 21, 2019
Created on Mar 20, 2019
Forked from Using Classes

This example demonstrates brushing on a scatterplot of borehole data, plotting depth against time. Users drag a horizontal brush across the chart to zoom the x-axis into a selected date range, with circles and the axis smoothly transitioning over one second. The visualization uses D3 v4 APIs including `d3.brushX`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.transition` to update the view, while the data is loaded as CSV from an external URL. SVG rendering animates the filtered result.

AI-generated description

Brushing

Comments

Sign in to join the discussion.

MIT Licensed