yuyihuagh

@yuyihuagh·3 public vizzes

HTML Starter

A minimal D3.js example renders a single black circle on a 400 by 400 SVG canvas. The visualization is created using `d3.select` to target the `#chart-area` div, followed by chained `.append` calls to construct the SVG and circle elements. The circle is centered at coordinates (200, 200) with a radius of 100 pixels. This starter template demonstrates the basic structure for embedding D3 visualizations within an HTML page.

May 5, 2020

Loading thumbnail…

React Starter

This example demonstrates a minimal React application that renders the text “Hello React!” in large blue, centered type on a plain white page. It shows how to integrate React with a traditional HTML setup. The code uses React and ReactDOM from the UMD production builds, defines an `App` functional component returning a styled `div`, and mounts it into the `#root` element via `ReactDOM.render`. No data or interaction is involved.

May 4, 2020

Loading thumbnail…

React Starter

This example demonstrates a minimal React application that renders the text “Hello React!” in large blue letters centered on the page. It uses React 16.10.0 with ReactDOM to mount a functional component into the `#root` div, while an external CSS class controls the styling. The setup shows how to integrate React with a static HTML document and a bundled JavaScript file, serving as a basic template for visualization projects that require React-based UI components.

May 4, 2020