Kazi Minhajul Haider

@KaziMinhaj·4 public vizzes

Fork of Loading Data with React & D3

This example demonstrates a minimal React and D3 integration that loads CSS named color data from a remote CSV file and displays summary statistics. The app uses React’s `useState` and `useEffect` hooks to manage the data-fetching lifecycle, calling D3’s `csv` function to parse the dataset. Once loaded, it renders a plain-text message showing the file size in kilobytes, row count, and column count, formatted via `d3.csvFormat`. While the data is pending, the UI shows a simple “Loading…” placeholder. The visualization itself is purely textual, with no charts or graphical elements.

Jul 4, 2021

Loading thumbnail…

Fork of Let's Make a Face Part I

This is a static SVG drawing of a yellow smiley face displayed on a 960 by 500 canvas, composed of three circles: a large yellow face with a black outline and two smaller black eyes. The artwork is presented as a React component, though the core visual is defined directly in the HTML markup using inline SVG elements. The code imports React and ReactDOM, and the face is rendered by the browser’s SVG renderer. The example serves as a partial, unfinished exploration toward a complete face, as indicated by the title and README note.

Jun 4, 2021

Loading thumbnail…

Fork of Let's Make a Face Part I

A static SVG face built with two yellow circles for the head, black-stroked, and two smaller black circles for the eyes. The code uses raw SVG elements, including `<circle>` tags with fixed cx and cy coordinates, and sets a 960 by 500 viewport with inline styles for margins and overflow. The example is a simple, unanimated fork of the original "Let's Make a Face" tutorial, displaying the basic facial shapes without any interactive behavior.

Jun 3, 2021

Loading thumbnail…

Fork of Hello HTML

A single yellow circle with two black dots forms a simple smiley face rendered in SVG. The markup defines three circle elements directly within an inline `<svg>` tag, each with explicit `cx`, `cy`, `r`, and fill or stroke attributes. The page uses no JavaScript or external libraries, relying purely on static SVG geometry inside a minimal HTML document. The default SVG coordinate system positions the face at the center of a 960×500 viewport, with the body margin removed via CSS to fill the entire browser window.

Jun 3, 2021