Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fifth D3 demo

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

dfaae11e34444f4cb6305a12d171975f

Open

Fifth D3 demo

0 stars1🌍 Public
Bbalaszol
Last edited Sep 18, 2020
Created on Sep 18, 2020
Forked from Second D3 demo

A line chart displays CPU utilization percentages per minute for a single server, plotted over time. The y-axis lists timestamps, while the x-axis shows CPU load on a fixed 0–100% scale. The visualization uses D3.js version 6, specifically the `select`, `scaleLinear`, `scaleBand`, `axisLeft`, `axisBottom`, `line`, and `curveBasis` APIs, to render the SVG path. Data is loaded from a CSV file with `d3.csv`, and the code comments indicate an earlier bar-chart version was replaced by this line representation.

AI-generated description

This page is intended as a demo to try the power of D3. Now with doing some charts on a CPU utilisation per minute, but incrementally switching to lines instead of bars!