Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

6a. Stylized Vertical Bar Chart

Public visualization

Viewing a saved revision (read-only)

afe605a6fd984254bd3ceda2772e27b8

6a. Stylized Vertical Bar Chart

0 stars0🌍 Public
DDenis Zjukow
Last edited Sep 19, 2021
Created on Sep 17, 2021

This example presents two stylized vertical bar charts that visualize financial data about open speculations. The first chart displays "weight" values, while the second shows "gain" (relative gain), with bars colored to distinguish positive (green) and negative (red) outcomes. Built with React and D3.v5, the charts use SVG rendering and scaleBand/scaleLinear for axes, with rotated labels and custom tick formatting enabling compact display. The data is loaded dynamically from a JSON URL using D3's `json` utility.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React to render the data as a radial burst!