Skip to main content
100%

Fork of Activity 7.1 Question 2

✓ Published0🌍 Public
Bbharatchowdarypotluri@my.unt.edu
Last edited Nov 7, 2024
Created on Nov 7, 2024

This example shows an area chart comparing pollutant levels across three Texas locations—Denton, Frisco, and Lewisville—over time. It loads JSON data from a GitHub Gist and uses D3 v7’s `d3.scalePoint` and `d3.scaleLinear` to map time and values, with `d3.area` generating the layered paths. Each location receives a semi-transparent color, and the chart includes rotated X-axis labels, a Y-axis, and a color-coded legend. The SVG is rendered directly into the DOM via `d3.select().append()`.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
MIT Licensed

Similar vizzes