Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Back to the Basics

Public visualization

Viewing a saved revision (read-only)

7f2eca072162439886c715806af130f7

Back to the Basics

0 stars0🌍 Public
SSubhendu Karmakar
Last edited Jan 2, 2024
Created on Jan 2, 2024
Forked from HTML Starter

This example shows a bar plot that appears empty at first, with axes and margins defined but no data loaded into the visualization. The code sets up an SVG canvas sized 960 by 500 pixels using d3-selection, and defines a reusable barplot module with getter and setter functions for data and options. The plot specifies three y-keys—Nitrogen, Oxygen, and Helium—and a margin object, though the main function initializes an empty data array. The rendering approach uses the SVG element directly in the HTML, with styling applied through an external CSS file that hides page overflow.

AI-generated description