Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Brush, Trendline, Legend, Linechart, Barchart

Public visualization

Viewing a saved revision (read-only)

c41b147c7a4f4f659ab0a86bbed57435

Brush, Trendline, Legend, Linechart, Barchart

1 star3🌍 Public
SShane Carey
Last edited Sep 17, 2019
Created on Apr 23, 2019

This example visualizes EPA groundwater monitoring data for two observation wells at the Bog of the Ring using D3 v5 with SVG rendering. A main line chart displays water levels over time with an ordinal color scale and legend, while a smaller brush chart below allows users to select a date range. The brushed region updates the main chart’s x-axis domain and fits a least-squares regression trendline with its equation shown. Data is loaded from CSV files, parsed with d3.timeParse, and the chart uses d3.brushX, d3.line, d3.nest, and d3.scaleTime.

AI-generated description