Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

d3 project fork

Public visualization

Viewing a saved revision (read-only)

76c99f8495ef4538ae148621996d2997

d3 project fork

0 stars0🌍 Public
Yyvarshachowdary@gmail.com
Last edited Feb 28, 2024
Created on Feb 27, 2024

This example shows a colorful SVG scene of a rabbit in a grassy field with a sky, sun, and clouds, built entirely with D3.js version 7 selections. It demonstrates how to use `d3.select` to append and style primitive shapes like `ellipse`, `circle`, and `rect` directly to an SVG canvas. The code uses local ES6 module imports from the `d3` package loaded via UNPKG, and relies on D3’s attribute-chaining API to position and style each element. The static scene is rendered without data binding or transitions, focusing purely on manual drawing with SVG.

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.