Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Icon Chart using SVG Path Command

Public visualization

Viewing a saved revision (read-only)

a77520da02ee4c868cc4988206f17c36

Icon Chart using SVG Path Command

0 stars0🌍 Public
PPeter Cordone
Last edited Sep 27, 2021
Created on Aug 28, 2021

This example shows a 10-by-10 grid of circles that form an icon chart, with the first five circles in the top row highlighted in a lighter blue to mark a distinct subset. The visualization is built entirely with SVG and JavaScript, creating each circle dynamically using `document.createElementNS` and setting `cx`, `cy`, `r`, and `fill` attributes directly. The data is hard-coded in nested loops, and the SVG is appended to the page body, demonstrating a minimal, manual approach to icon-based charting without external libraries.

AI-generated description

This visualization contains simple SVG code for creating an icon chart.