Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

A pseudo visualization from a Figma exported SVG

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed