Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

introduction d3

Public visualization

introduction d3

0 stars0🌍 Public
Hhelen azad
Last edited Mar 11, 2024
Created on Mar 11, 2024

This example demonstrates a star graph visualization built with D3.js, rendering an SVG canvas populated with nodes and edges. It shows how to load D3 v7 via CDN and use local ES6 modules to import the library. The code appends SVG elements, including rectangles and paths, to construct the graph structure. Data is hardcoded in a separate JSON file containing professor information, including names, majors, and research fields, though the visualization itself focuses on the graphical network representation. The example highlights D3's capabilities for programmatic SVG manipulation and data-driven document styling.

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.

Comments

Sign in to join the discussion.

MIT Licensed