Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

first forHubg

Public visualization

Viewing a saved revision (read-only)

26a9501ad1134298b6215bcbceac25b8

first forHubg

0 stars0🌍 Public
IisZachariah
Last edited May 23, 2022
Created on May 23, 2022
Forked from Hello VizHub

This example demonstrates how to set up a D3.js visualization in VizHub, creating a full-window SVG canvas that spans the entire browser viewport. The code imports `ascending` and `select` from the D3 library via ES6 modules, then uses `select` to append an SVG element sized to the window dimensions. D3 is loaded from UNPKG alongside local CSS and JavaScript files. The visualization initializes an empty SVG surface, ready for future data binding and shape rendering, using D3 v5 version 7.4.4 as declared in the package configuration.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.