prasadchitransu@gmail.com

@chit1988·5 public vizzes

Fork of Vanilla D3 Vibecoding Template

This example visualizes the Iris dataset, comparing sepal length and width across three species of iris flowers. It loads the data using d3.csv, creates scales with scaleLinear and scaleOrdinal, and renders an interactive scatter plot with axes, labels, and a legend. The visualization includes hover interactions that highlight points from a selected species by adjusting opacity, using D3’s join pattern and ResizeObserver for responsive sizing.

Feb 5, 2026

Loading thumbnail…

Fork of React & D3 Starter

This example demonstrates a minimal starter template that combines React 19 with D3.js 7 to render a dynamic text message. It shows the integration of React's `useRef` and `useEffect` hooks with D3's `select` function to update a DOM element, displaying "Hello D3 & React" with a fade-in animation on a gradient background. The project uses ES modules via an import map, loading React, React DOM, and D3 from a CDN to create a responsive, modern web application.

Feb 5, 2026

Loading thumbnail…

Fork of Fork of Fork of New Snake

This example displays a static "Hello HTML!" message centered on the page via CSS styling. The visualization relies on minimal front-end code: an `index.html` file structures the content, `styles.css` applies a 12em font-size and text alignment, and `index.js` logs “hello world” to the console. It demonstrates the basic separation of HTML, CSS, and JavaScript in a browser environment, with no interactive or data-driven elements present.

Feb 5, 2026

Loading thumbnail…

Fork of Fork of New Snake

This example is a minimal web page that renders a static “Hello HTML!” message. It demonstrates a basic web development starter template, separating structure, styling, and scripting into distinct files. The page uses an HTML5 document with a linked `styles.css` for presentation and a modular JavaScript file, `index.js`, which currently only logs “hello world” to the browser console, using the standard `console.log` API. No data is visualized or transformed.

Feb 5, 2026

Loading thumbnail…

Fork of Vanilla D3 Vibecoding Template

This scatter plot visualizes Fisher's Iris dataset, comparing sepal length and width across three iris species, colored by species and featuring interactive hover highlighting through the legend. Built with vanilla D3 v7, it uses `d3.csv` to load data, `scaleLinear` and `scaleOrdinal` for scales, and `axisBottom`/`axisLeft` for axes. The implementation includes a responsive layout via `ResizeObserver`, with points styled via CSS classes per species and a custom legend that fades non-hovered points.

Feb 5, 2026