Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Pseudo Scatter Plot

Public visualization

Pseudo Scatter Plot

0 stars0🌍 Public
Mmasuarezl@unal.edu.co
Last edited Feb 10, 2026
Created on Feb 9, 2026
Forked from Fork of New Snake

This example demonstrates a sparse, grid-based composition that mimics a scatter plot using only static SVG elements. It shows a blank plotting area overlaid with a 12-column editorial grid of vertical and horizontal lines, creating a structured canvas with no actual data points. The code uses d3.v7 selection methods—`d3.selectAll` and `d3.select`—to style three HTML paragraphs red and change the first paragraph's text, while the entire visual is rendered as hardcoded SVG `rect`, `line`, and `g` elements. The rectangular background and grid lines define the layout without any dynamic data binding or interactive behavior.

AI-generated description

A demostration of SVG

Comments

Sign in to join the discussion.

MIT Licensed