Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

React Starter - Array render test

Public visualization

React Starter - Array render test

0 stars0🌍 Public
Ppranav-vis
Last edited Sep 13, 2021
Created on Sep 13, 2021

Four strings from a hardcoded array render as an SVG scatter plot, with each value appearing as a colored circle labeled by its corresponding text. The React component `Array` maps over the array, using a provided color scale to assign fills to circles positioned at fixed x and y offsets. The example demonstrates React’s declarative rendering with ReactDOM rendering an SVG group, translating coordinates, and using JSX to generate circle and text elements.

AI-generated description

React Starter code.

Comments

Sign in to join the discussion.

MIT Licensed