Skip to main content
Log in
M

mrinalbhardwaj

@mrinalbhardwaj·4 public vizzes

Loading thumbnail…

Barchart with transitions, divergence Values and toolkit *changed*

A bar chart displays absolute frequencies for six German school-grade categories. The chart uses D3 v5 to render SVG rectangles, with axes, gridlines, and a tooltip that appears on mouse hover. Animated transitions widen the hovered bar while dimming others. The y-axis is linear, and the x-axis uses a band scale. The code applies D3's scaleBand, scaleLinear, axisLeft, and axisBottom, with custom styling for labels and grid lines. Data is hardcoded in the script.

Aug 11, 2020
Loading thumbnail…

Lets make a face with D3.js

This example uses D3.js v5 to draw a simple, static face inside an SVG canvas. The code selects the SVG element and applies styling, while the accompanying stylesheet removes page margins. The visualization relies on D3’s `select` method to target the SVG, though no additional data or complex rendering logic is visible; the face itself is not defined in the provided code snippets. The primary focus is demonstrating the basic setup for an SVG-based scene using the D3 library.

Aug 2, 2020
Loading thumbnail…

React Starter

React Starter demonstrates a minimal React application that renders a static greeting. It displays the text "Hello React!" centered on the page, using a large font size styled via CSS. The example uses React 16.13.1 with ReactDOM to mount the root component into a `div` with the id `root`. The `index.html` file loads React and ReactDOM from unpkg CDN and includes a `bundle.js` script. The `index.js` defines a functional `App` component that returns the styled div and calls `ReactDOM.render`. No data or interactive features are present.

Aug 1, 2020
Loading thumbnail…

HTML Starter

This starter example displays the text "Hello HTML" centered on a blank page, demonstrating the minimal structure needed for a web-based visualization. The code uses standard HTML, inline CSS, and a JavaScript script tag, which logs "Hello JavaScript!" to the browser console. It provides a bare-bones foundation for building more complex React-based visualizations.

Jul 30, 2020