Habitantes por Distrito en Barcelona

100%

Habitantes por Distrito en Barcelona

✓ Published0🌍 Public

Last edited Apr 30, 2019

Created on Apr 28, 2019

This bar chart shows the population of each district in Barcelona, ordered from most to least populous. The data is loaded from a CSV file and rendered as SVG rectangles, with populations scaled by a factor of ten. It uses d3.csv for data loading, d3.scaleLinear and d3.scaleBand for axes, and d3.axisLeft and d3.axisBottom to display the district names and population values.

AI-generated description

This bar chart shows population of the top 10 most populous countries. The data comes from the year 2018 estimate in United Nations: World Population Prospects 2017.

MIT Licensed

Similar vizzes

Loading thumbnail…

Exercise Module 4

This horizontal bar chart displays the 2013 family income index for Barcelona neighborhoods, sorted by district, with each bar labeled with its value. The visualization uses D3.js (v3) to load the CSV data, map the income values to a linear scale for bar width, and the neighborhood names to an ordinal scale for vertical positioning. SVG rectangles and text elements render the bars and labels, with an interactive tooltip showing details. The data source is OpenDataBCN, and the chart also includes top and bottom axes to frame the quantitative scale.

QQbelil

73% match

Loading thumbnail…

Bar Chart, Framed

Animated horizontal bar chart of hydro-vulnerability rates across Barcelona metro municipalities, sorted descending, with hover labels showing exact percentages. The visualization then transitions to a scatterplot comparing these rates against registered unemployment, framed within white panels on a gray background. Built with D3.js (version 3.5.6), it uses ordinal scales, SVG transitions, and axis components to render the data from the supplied CSV.

CContrastat

70% match

Loading thumbnail…

Gist cb853c154b8bb2343561

This visualization maps Barcelona’s neighborhood demographics across multiple years, contrasting population age brackets with a family income index (where the city average equals 100). It renders each district as a choropleth, using color intensity to represent income disparities, and likely employs discrete legends for each year. The code uses D3.js for geospatial paths and data binding, with an interactive year selector to toggle between 2008 and 2009 datasets. The data originates from a CSV file, parsed and joined to the geographic boundaries for display.

QQbelil

70% match

Loading thumbnail…

Balkendiagramm Einwohner Bezirke Berlin

This interactive bar chart displays the population of Berlin's districts for the year 2020. Built with React and D3 v5, it uses `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the quantitative x-axis, rendering data as SVG rectangles. The chart includes axes with formatted tick labels and a tooltip showing the exact population value. Data is loaded from a CSV file via `d3.csv`, based on statistics from Stadtentwicklung Berlin.

CChrisHeinirch

70% match

Loading thumbnail…

Exercise Module 3

The visualization displays a vertical bar chart of Barcelona neighborhoods' family income for 2008, using raw SVG rectangles sized by household income relative to the city average. The code uses d3.csv to load data from a local CSV file, then sorts rows by district order with d3.ascending. Each rectangle's width reflects the Renda_familiar value, and a title element appended via D3's selection methods shows hover tooltips with year, neighborhood, district, and income percentage. The d3.v3 library structures the data-bound SVG elements.

QQbelil

70% match

Loading thumbnail…

Barchar

A bar chart displays population figures for ten countries, using horizontal bars scaled linearly by population and ordered by the dataset's country field. The visualization loads CSV data with d3.csv, converts population values to actual counts, and renders SVG rectangles via d3.scaleLinear and d3.scaleBand. Grey bars fill the full chart width, with margins applied through a translated group element. The chart updates dynamically from the data source, showing population comparisons at a glance with no axes or labels.

HHombreLobotomia

69% match

Loading thumbnail…

Barras estilizadas

This bar chart displays the populations of the top 10 most populous countries, using 2017 United Nations estimates. It shows population values on a linear scale and country names on a categorical band scale, with styled axes and tick marks. The visualization uses D3 v5’s `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to render the chart as SVG, with formatted tick labels converting large numbers to abbreviated forms. Data is loaded from a CSV file and multiplied by 1000 to represent thousands.

EErandiFlores

69% match

Loading thumbnail…

London Borough Profiles Small

This bar chart visualizes population estimates for London’s boroughs using a simple horizontal layout, with each bar’s width proportional to its population value. The population data is loaded from a local CSV file via `d3.csv`, then sorted and scaled using `d3.scale.linear` to map values to pixel widths. Bars are rendered as styled `div` elements inside a `.chart` container, with counts displayed as text labels. The example uses D3 v3 and relies directly on the CSV’s `pop` field, sourced from the London Borough Profiles dataset under the UK Open Government Licence.

SSassOnTheRoad

68% match