Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

A pseudo visualization from a Figma exported SVG

Public visualization

Viewing a saved revision (read-only)

d4216977fbd5415fbb27fae108033e21

A pseudo visualization from a Figma exported SVG

0 stars0🌍 Public
YYiorgos Bagakis
Last edited Oct 16, 2022
Created on Oct 16, 2022
Forked from HTML Starter

A hand-built scatter plot rendered as a single inline SVG with hardcoded coordinates, drawn from a Figma export rather than generated programmatically. The chart displays ten circular points over a simple Cartesian axis, with red y-axis labels and one highlighted red point. The code uses no external JavaScript libraries, relying instead on raw SVG elements such as circle, path, and text. It serves as a test of extracting exported design markup directly through browser developer tools.

AI-generated description

A scatter plot taken from an exported Figma svg. Trying to test how easy it is to extract the code with the Chrome or Firefox dev tools.