Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Untitled

Public visualization

Viewing a saved revision (read-only)

55fca9918ba64cee9b3ca4fc42f9b7c3

Untitled

0 stars0🌍 Public
BBhavyatulasi
Last edited Jul 16, 2020
Created on Jul 16, 2020

A horizontal linear gauge displays server CPU utilization, with a color-coded range from low to high and a pointer indicating the current value at 75%. The visualization uses the AnyChart library via its core, base, and linear-gauge modules to render the gauge, while FusionCharts handles the chart configuration and rendering. The data source is embedded inline as JSON, defining the gauge’s limits, color ranges, pointer, trend points, and annotations, which include a recommended utilization range highlighted as a shaded zone.

AI-generated description

Mike Bostock's D3 Zoomable Sunburst example

  • with D3 v5 (based on the changes in v5) <br></br> Ported from this Observable notebook for this forum thread. Many thanks to Bryan Gingechen who answered my question about the necessary steps to get from an (Observable) JavaScript notebook to a vanilla JavaScript index.html. He presented his solution on blockbuilder.org