Dibya Prokash Sarkar

@DibyaProkash·7 public vizzes

Fork of Fatal Police Shootings In the U.S. Since 2015

This interactive map visualizes fatal police shootings in the U.S. since 2015, using data from the Washington Post. Users can colorize geographic points by attributes such as race, gender, or threat level, with a linked bar chart showing counts per category. The visualization uses React with d3.v5 for scales, geoAlbersUsa projection via d3.geoPath, and topojson for state boundaries, while a hoverable legend filters points and adjusts opacity.

Mar 25, 2021

Loading thumbnail…

Fork of Irish Map with Borehole

This fork of an Irish map with a borehole combines a geographic view with a stratigraphic cross-section. The map uses D3’s `geoPath` and `geoMercator` projections to render the country, with zooming enabled via `zoom()`. Clicking a borehole opens a modal containing an SVG diagram of subsurface layers (topsoil, peat, till, and sandstone) beneath a water table. Hovering over each colored rectangle or water line displays a tooltip with depth information. The geological visualization is built with D3’s `select` and SVG shapes, styled with Bootstrap and CSS.

Mar 25, 2021

Loading thumbnail…

Fork of React Starter

This example displays the text “Hello React!” as a large, centered message. It uses the React and ReactDOM libraries via the UMD production builds, and the application renders a single component into a root element. The `render` method from `react-dom` is called with the `App` component and the `#root` DOM node, demonstrating a minimal React setup.

Mar 25, 2021

Loading thumbnail…

Dumbbell chart to show difference between 2011-2015 domestic violence in Bangladesh

This dumbbell chart compares GDP per capita for nine Balkan countries between 1952 and 2007, using data from Gapminder. Each row pairs a small circle for the earlier value with a larger circle for the later value, connected by a horizontal line to emphasize growth magnitude. The visualization is built with d3.v6, using `scaleLinear` and `scalePoint` for axes, `axisLeft` and `axisBottom` for ticks, and SVG `circle`, `line`, and `text` elements to render the comparison.

Feb 28, 2021

Loading thumbnail…

Reasons for non-disclosing/not taking legal actions among women in Bangladesh (in Pie Chart)

This interactive donut chart displays the reasons why women in Bangladesh choose not to disclose or take legal action regarding incidents, broken down by region (Overall, Dhaka, Chittagong, Khulna). Users select a region via radio buttons to update the chart, which uses D3 v5’s `d3.pie` and `d3.arc` to generate arcs. The visualization animates transitions between datasets using `transition.attrTween` with an arc interpolation, and includes a color-coded legend built with `d3.scaleOrdinal`. Data is loaded from a local JSON file, and the SVG rendering is updated dynamically with smooth path tweens.

Feb 28, 2021

Loading thumbnail…

Interactive Pie Chart for Violence Data

This interactive pie chart visualizes the distribution of income categories—Sales, Dividends, and Interest—using data from a local CSV file. Rendered as a donut chart with SVG, it employs D3 v5’s `pie` and `arc` functions to compute slice geometries and a `scaleOrdinal` for color encoding. Hovering over a slice triggers a tooltip that calculates and displays the percentage share of the total, using D3’s `sum` and event handling. The visualization uses a custom style sheet for hover effects and tooltip styling.

Feb 28, 2021

Loading thumbnail…

Bangladesh map interaction with Violence against women

This interactive map of Bangladesh displays sales data for each division, with hover tooltips revealing yearly, monthly, and weekly figures in BDT. The visualization uses `d3.geoMercator` and `d3.geoPath` to render TopoJSON boundaries, while `d3.json` loads both the map and sales data. Zoom and drag functionality is implemented via `d3.zoom`. District paths are colored green and highlight on hover, with a `title` element providing the data details.

Feb 27, 2021