Rishabh

@Rishabh0319·3 public vizzes

Fork of Loading and Parsing CSV Data

This example displays computed statistics about a dataset of CSS named colors loaded from a CSV file. It uses d3.csv to fetch and parse the remote data, then reports the file size in kilobytes, the number of rows, and the number of columns in a large preformatted text element. The code also includes commented-out alternatives using fetch with async/await and d3.csvParse, illustrating different approaches to asynchronous data loading in D3 v5 within a React framework.

Jun 20, 2023

Loading thumbnail…

Fork of Smiley Face Part III try by myself

A grid of randomly generated smiley faces, each rendered as a yellow circle with black stroke, two black eyes, and a curved mouth, demonstrates variations in facial features through randomized parameters. The visualization shows a collection of faces arranged side by side, with each face differing in stroke thickness, eye size and position, and mouth dimensions. Built with React and D3 v5, the code defines reusable components for the face, background circle, eyes, and mouth. The mouth component uses d3.arc to create a path with specified inner and outer radii, while the index.js file maps over an array generated by d3.range to render multiple faces with random properties.

Jun 20, 2023

Loading thumbnail…

Smiley face part I

A yellow smiley face rendered in SVG via React and D3 v7. The face is drawn with two black-outlined circles for eyes, positioned relative to the center using offset constants, and a mouth created with the `d3.arc` path generator, using inner and outer radii and start/end angles. The entire composition is centered on a 960x500 canvas, with all shapes grouped and transformed by a translation. Static parameters define the geometry, and the example demonstrates combining React's declarative JSX structure with D3's arc API for shape generation.

Jun 19, 2023