Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Untitled

Public visualization

Viewing a saved revision (read-only)

0240fed58f6e4bfeb486158bec62c0a8

Untitled

0 stars0🌍 Public
MMusaab Shirgar
Last edited Jun 19, 2021
Created on Jun 19, 2021
Forked from D3 Starter

This example demonstrates bullet charts, a compact visualization for comparing a primary measure against target markers and qualitative ranges. It renders two SVG charts, one for CPU Load and one for Memory Used, using the custom `d3.bullet()` function. The charts are built with D3 v5 and feature an interactive button that triggers a smooth transition, animating the measure bars and markers to new random values over one second via `.transition().duration(1000)`. The code loads data from a local JSON file.

AI-generated description

A demonstration of how to start using D3 version 6.