prashant birajdar

@prashantbirajdar999·5 public vizzes

Fork of Stylized Bar Chart

This bar chart displays the top 10 most populous countries for 2020, using data from the United Nations World Population Prospects 2019. The visualization is built with React and D3 v5, using `scaleBand` for the categorical country labels and `scaleLinear` for the population axis. Each bar is rendered as an SVG rectangle, with tick marks generated by custom `AxisBottom` and `AxisLeft` components. The chart includes formatted population labels in billions and a tooltip showing exact values via the native SVG `<title>` element.

Jul 6, 2021

Loading thumbnail…

Cheap tricks for Slovakia

A choropleth map of Slovakia highlights its districts, which are colored light green and turn red on hover. The map uses a Mercator projection with `d3.geoPath` to render district boundaries from TopoJSON data, while district names are loaded from a TSV file. Zooming is supported via `d3.zoom`, and the visualization also demonstrates asynchronous data loading with `d3.json` and `d3.tsv`. A separate report lists filtered car data from a local JSON file, generated with `getCars` and `generateReport`.

Sep 23, 2019

Loading thumbnail…

2015 Seattle House Galaxy

A 3D scatter plot visualizes 2015 Seattle house prices as a rotating galaxy of colored sprites, mapping year built, price, and square footage to spatial axes and floors to color. The Three.js scene renders approximately 7,000 canvas-generated gradient sprites on a WebGL canvas, scaled for HiDPI displays. D3 handles data loading, linear and logarithmic scaling, and category colors, while a d3.zoom interaction with restricted panning enables user rotation alongside continuous automatic animation.

Sep 23, 2019

Loading thumbnail…

Mathematical Graphic Patterns

A grid of 900 circles animates as a colorful, ever-changing mathematical pattern. The code uses Canvas API methods and `requestAnimationFrame` to continuously redraw the visualization. Each circle's position is calculated using sine and cosine functions based on its grid coordinates and a global time variable, while its radius and color shift dynamically. A semi-transparent black rectangle overlays the canvas each frame to create a fading trail effect, producing a modern, generative screensaver aesthetic.

Sep 23, 2019

Loading thumbnail…

Crime_dataset_cities vs crime rate

This bar chart visualization compares average violent crime rates per 100,000 residents across U.S. metro areas from 1975 to 2015, using data from the UCR Crime dataset. The bars are sorted descending by violent_per_100k, showing Detroit with the highest rate and Nassau County, N.Y. with the lowest. Built with vega-lite-api, d3.v5, and Vega-Lite, the visualization loads CSV data via d3.csv and renders horizontal bars with tooltips displaying total population. The chart’s color scheme and axis styling are customized through a separate config file for readability.

Sep 23, 2019