Skip to main content
100%

Pseudo Visualizations w/ Figma in D3

✓ Published1🌍 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.

MIT Licensed

Similar vizzes