Han Zhiguang

@Justinhhhh·3 public vizzes

Fork of Fork of React Starter

This example combines a React "Hello vega" message with a Vega-embedded bar chart. The page imports React and ReactDOM via UMD, using `createRoot` to render a simple component into the `#root` div. Simultaneously, it uses the `vegaEmbed` API to load a bar-chart specification from a remote GitHub URL and render it into the `#vis` div. The visualization displays a standard bar chart sourced from the Vega example gallery, with styling that enlarges the text message.

Jan 18, 2024

Loading thumbnail…

Fork of Smiley Face Part III

This example renders a classic smiley face as an SVG graphic using React components and D3 shape generators. The face consists of a yellow circular head with a black stroke, two black eyes positioned symmetrically, and a mouth drawn as an arc path. The code uses `d3.arc()` to compute the mouth’s path geometry with specified inner and outer radii and angular start and end points. All elements are positioned relative to a central transform, with dimensions defined as constants. React handles the component structure, while D3 provides the arc calculation, and the final output is mounted into the DOM via `ReactDOM.render`.

Dec 8, 2023

Loading thumbnail…

Fork of Hello HTML

A minimal React page renders a single unfilled circle onto an SVG canvas. The example imports React and ReactDOM, logging the React object to the console, while the accompanying HTML file contains the SVG with a circle element of radius 200. The visualization demonstrates the simplest possible SVG rendering within a React framework, using basic SVG attributes rather than any data-driven or interactive features.

Dec 8, 2023