Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG Example

Public visualization

Viewing a saved revision (read-only)

09ffd62ed3e34c84a2f947bd5c04c183

SVG Example

0 stars0🌍 Public
JJinlin
Last edited Aug 9, 2019
Created on Aug 9, 2019
Forked from SVG Example

This example demonstrates overlapping semi-transparent rectangles in a 500-by-500 SVG canvas, using CSS rgba values to create blended color regions. The visualization is rendered entirely with inline SVG elements, and the page includes a large styled message text via D3's `select` function. Index.js imports D3 and a local ES6 module to set the text content, while styles.css applies a dark background and Ubuntu font. The code shows basic SVG shapes without interaction or data binding, highlighting fundamental SVG rendering and module imports.

AI-generated description

An example showing the capabilities of VizHub.