Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Activity 7.1 Question 2

Public visualization

Viewing a saved revision (read-only)

8d3fbb6f876f4350b3ae5abad8ed91fa

Fork of Activity 7.1 Question 2

0 stars0🌍 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.