Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Brush() & Filter()

Public visualization

Viewing a saved revision (read-only)

b87aecd8d3764aa6a92d15de8342a032

Brush() & Filter()

0 stars1🌍 Public
11andrey3
Last edited Nov 30, 2018
Created on Nov 30, 2018
Forked from HTML Cars Report

This visualization demonstrates brush-style filtering interactions on a time-series line chart, using an area chart to display stock prices from June to August 2010. The chart includes a red dashed average line and colored area fills, with data points rendered as circles that respond to mouseover tooltip events. The visualization uses d3.csv for data loading, d3.scaleTime and d3.scaleLinear for coordinate mapping, and d3.axisBottom/d3.axisLeft for axes. The code relies on D3 v5’s selection, area, and curveMonotoneX APIs to construct the SVG-based animated chart, while red/green selection states are applied to the points.

AI-generated description

Una gráfica de ejemplo para demostrar el d3.filter() c: