tiwarinaren

@tiwarinaren·3 public vizzes

Loading CSV

This example demonstrates a minimal HTML page for loading a CSV file using React, though the visible code only contains static HTML and empty script and style tags. It shows the basic structure needed to integrate CSV data loading into a React application, referencing the React Starter template for further implementation. The page renders “Hello HTML” as a placeholder, indicating where dynamic data visualization would eventually appear. The underlying approach relies on React’s component model and would typically use a library like d3.csv or fetch to parse and display the data.

Mar 1, 2021

Loading thumbnail…

Fork of HTML Starter

A grid of randomly generated cartoon faces, rendered with React and SVG, greets the viewer. Each face is composed of modular components for the background, eyes, eyebrows, and mouth, which are parameterized with random values for positioning, size, and stroke width. The code imports the `arc` function from d3 to generate the mouth’s path, while `range` from d3 creates the array driving the 15-face layout.

Feb 28, 2021

Loading thumbnail…

Fork of React Starter

This example shows a minimal React application that renders the text “Hello React!” as a large, centered message on a blank page. It uses React 16.13.1 and ReactDOM to mount a functional component named `App` into a `#root` div, with styling applied via a `.message` class in the HTML. The code demonstrates a basic component-rendering workflow with no external data or interactive behavior.

Feb 27, 2021