Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Pseudo Visualizations w/ Figma in D3

Public visualization

Viewing a saved revision (read-only)

7d890c0971c74d88a1e63ecbd89f3f28

Pseudo Visualizations w/ Figma in D3

0 stars1🌍 Public
KKamen Yin
Last edited Dec 9, 2023
Created on Dec 9, 2023
Forked from Pseudo Slope Graph

This example shows a slope graph as a set of black, grey, red, and blue circles arranged along two implied time points, with each circle representing a data point’s position at those moments. The visualization is a static SVG generated in Figma and embedded directly into the page, rather than being computed by D3. The code uses no JavaScript APIs; it simply renders the SVG markup with ellipses, each having explicit cx, cy, and fill attributes. The rendering approach is purely declarative, with all visual encoding hardcoded in the SVG source.

AI-generated description

A pseudo-visualization of a slope graph, which shows change over 2 points in time. It was created in Figma which generated the SVG copied here.