Skip to main content
SimilarExport ZIP
100%

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

✓ Published0🌍 Public
DDibya Prokash Sarkar
Last edited Feb 28, 2021
Created on Feb 28, 2021

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.

AI-generated description

This dumbbell chart illustrates the evolution of GDP per capita for the Balkans countries over a period of 55 years (1952 and 2007). Source: Gapminder data.

MIT Licensed

Similar vizzes

Loading thumbnail…

Dumbbell Chart - Balkan GDP Evolution

This dumbbell chart compares GDP per capita for nine Balkan countries between 1952 and 2007, with each country’s paired circles connected by a line to highlight growth. The chart uses d3.csv, scaleLinear, and scalePoint to position the data, with d3.axisBottom for the currency-formatted x-axis. Data labels show exact rounded values, and the visualization relies on SVG circles, lines, and text elements, styled via CSS, sourced from Gapminder data.

BbeauMarko
80% match
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.

DDibya Prokash Sarkar
70% match
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.

DDibya Prokash Sarkar
67% match
Loading thumbnail…

Bangladesh poverty MAP

This choropleth map of Bangladesh visualizes district-level poverty rates through a red-to-white color scale. Users can hover over each district to view a tooltip displaying the specific city name, ID, extreme poverty, and poor-level percentages. Built with D3 v5, the visualization uses `geoMercator` projection and `geoPath` to render administrative boundaries from TopoJSON data. It supports zoom and drag interactions via the `d3-zoom` event, while district fill colors are computed from linked JSON poverty statistics.

XXiaoleiGuo
65% match
Loading thumbnail…

Bham block 1

A scatterplot of Gapminder data shows average GDP per capita against life expectancy for each country, with circle size encoding population and color indicating the region. The visualization uses D3 v4 to load the CSV and append SVG circles, scaling positions with `d3.scaleLinear` for the x- and y-axes and determining radius from the raw population value. Country labels and axis annotations are commented out, leaving the bare plot unadorned.

CCartophile
65% match
Loading thumbnail…

Bangladesh poverty MAP

This map of Bangladesh visualizes district-level poverty rates using a red-to-white linear color scale, with darker shades indicating higher percentages of poor populations. Users can hover over individual districts to view detailed statistics, including the district name, ID, and both extreme and overall poverty levels. Built with D3 v5 and TopoJSON, it renders geographic boundaries via d3.geoPath and a Mercator projection, while supporting zoom and drag interactions through d3.zoom. Poverty data comes from a local salesData.json file, merged with district boundaries from public TopoJSON sources.

Mmahidul-islam
65% match
Loading thumbnail…

Fork of Bangladesh poverty MAP

A choropleth map of Bangladesh displays district-level poverty rates, showing the percentage of the population in poor and extreme poverty conditions for each division through a white-to-red color scale. Hovering over a district reveals a tooltip with the city name, ID, and specific poverty statistics. Built with D3 v5, it uses d3.json to load TopoJSON geographic data and sales data, d3.geoMercator and d3.geoPath for map projection and rendering, and d3.zoom for pan and zoom interactions on the SVG output.

MMinh Nguyen
65% match
Loading thumbnail…

Bangladesh poverty MAP

An interactive choropleth map of Bangladesh visualizes district-level poverty rates, with districts shaded on a white-to-red scale based on the proportion of poor residents. Hovering over a district displays a tooltip with its name, ID, extreme poverty rate, and poor rate. The visualization uses D3 v5 with `geoMercator` and `geoPath` to render TopoJSON boundary data, and employs `d3.zoom` for pan and zoom capabilities. Poverty statistics come from a local JSON dataset, while geographical boundaries are sourced from an external Bangladesh TopoJSON repository.

XXiaoleiGuo
65% match