Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Making a Heart with D3.js

Public visualization

Viewing a saved revision (read-only)

eea7ef18c41e43bea33151f06966847d

Making a Heart with D3.js

0 stars0🌍 Public
AAloysius
Last edited Feb 19, 2020
Created on Feb 19, 2020

This example renders a fixed heart shape using an inline SVG path, overlaid on an HTML page via an `<object>` element that references an external SVG file. The D3.js library is imported in `index.js` to select the SVG and read its width and height attributes, though no dynamic data binding or animation is applied. The visualization demonstrates how D3 can be paired with static SVG content in a React-oriented workflow, with the heart path defined in red and black stroke styling within the SVG markup.

AI-generated description

A bare minimum HTML page.

See also React Starter.