Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Line chart

Public visualization

Viewing a saved revision (read-only)

e4c70276084849b99405bf89297bc0ed

Line chart

0 stars0🌍 Public
SSushmaNamidi@my.unt.edu
Last edited Apr 25, 2024
Created on Apr 25, 2024
Forked from Hello VizHub

This line chart example visualizes the diverging value of a dataset, highlighting where it crosses a threshold line. Built with D3.js, it uses a red background and white grid lines to emphasize the black bars and the dashed limit. The chart reads data from an embedded source and renders text labels for the title, axis, and individual values. The code leverages D3’s SVG construction and styling via CSS, with a custom grid and path configuration to present the data clearly.

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.