Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Hello VizHub

Public visualization

Viewing a saved revision (read-only)

c963b1bf87a045e794dc1716ee7b1547

Fork of Hello VizHub

0 stars0🌍 Public
Ddanish-nix
Last edited Jul 8, 2021
Created on May 15, 2021
Forked from Hello VizHub

This example displays a table of usernames fetched from a local `accounts.json` file, while also attempting to update SVG text elements with the same data. The code uses D3 v5’s `json` method to load the data and the `select` API to target the SVG, although the text rendering is incomplete because the SVG selection targets elements that do not exist in the markup. Usernames are inserted into an HTML table via string concatenation and `innerHTML`. The visualization relies on D3’s data-joining capabilities but does not fully demonstrate them.

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.