The total number of skyscrapers in each country

100%

The total number of skyscrapers in each country

✓ Published0🌍 Public

Last edited Nov 5, 2020

Created on Nov 5, 2020

Forked from Multiple view _Largest Population in the USA

This bar chart displays the total number of skyscrapers (buildings over 100 meters) per country, using a bar for each country with the bar height representing the count and a color encoding for the city. The visualization is built with the Vega-Lite API, using `markBar` and a groupby transform to aggregate the data by country. It loads data from a CSV file containing city-level skyscraper counts and uses the `vl` library with Vega-Lite’s specification to render the chart, with tooltips showing the city and its building count.

AI-generated description

The full data I propose to visualize for my project is about the number of completed highest structures in the world cities. Building greater than 100 meters was counted on the world map.

You can find the original data for Cities Ranked by Number of Completed Buildings on the skyscraper center

The attribute

1- Rank 2- City 3- Country 4- AllBuilding: Number of building in the city 5- 100m: Building has 100m+ 6- 150m: Building has 150m+ 7- 200m: Building has 200m+ 8- 300m: Building has 300m+ 9- TelecomTowers: Radio masts and towers are typically tall structures designed to support antennas for telecommunications and broadcasting 10- AllStructures: All structures 11- lat: Latitude 12- lng: Longitude 13- first150m: the year of the first building higher than 150m+

MIT Licensed

Similar vizzes

Loading thumbnail…

Skyscrapers Bar Chart

A bar chart displays the counts of material types used in U.S. skyscrapers up to 2016, with categories such as steel, concrete, and composite. The chart uses D3 v7 and SVG rendering, loading data from a CSV file. The code aggregates material counts with `d3.rollups`, scales the axes with `d3.scaleLinear` and `d3.scaleBand`, and renders bars and axes via D3’s selection and scale APIs.

Ssyu36

75% match

Loading thumbnail…

Vega-Lite API Template_Bars

This bar chart displays the population of countries in 2015, with bars sorted in descending order and colored by country. It is built using the Vega-Lite API, which programmatically defines the visualization specification, while D3.js loads the CSV data from a Gist. The chart is rendered as SVG via Vega and Vega-Lite, with tooltips enabled through vega-tooltip and a custom config to adjust axis and label styling for readability.

OOleg Zhernovoy

75% match

Loading thumbnail…

Building height Bar Chart

This bar chart displays population scores for countries, using horizontal purple bars scaled from 0 to 100. The visualization uses D3 v5 with `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the categorical y-axis, accompanied by `d3.axisLeft` and `d3.axisBottom`. Data is loaded from a CSV file via `d3.csv`, and the SVG rendering includes hover effects that reduce opacity.

Rrushithareddyy

75% match

Loading thumbnail…

Vega-Lite API Template - bar chart

This bar chart, built with the Vega-Lite API, visualizes the population of each country in 2015. It encodes country names on the x-axis, sorted by population, with the quantitative population value on the y-axis. The visualization is generated from a CSV file loaded via d3’s `csv` function. The chart uses `markBar` for rendering, and a tooltip displays each country’s population on hover, with the chart sized to fit the window.

MMahesha999

74% match

Loading thumbnail…

countries -barchart Vega-Lite API Template

This example presents a bar chart of country populations from a 2015 CSV dataset. The visualization uses the Vega-Lite API to define a bar mark with country names on the x-axis sorted by descending population, and a quantitative population scale on the y-axis with a zero baseline disabled. The chart is rendered as an SVG via vega-lite-api, with the view dimensions set to fill the window and custom axis and label styling applied from a config object. Tooltips display country names on hover.

JJonas Carvalho

74% match

Loading thumbnail…

Bar Chart of the 10 Highest Skyscrapers in the World

This bar chart displays the heights of five of the world’s tallest skyscrapers, using the D3 v4 library to render SVG rectangles scaled along a band scale for the x-axis and a linear scale for the y-axis. Each tower’s height value appears as a text label offset within its corresponding bar. The data is hardcoded in the script. The visualization includes axis groups for reference, with a fixed viewport size of 900 by 500 pixels.

NNigel

74% match

Loading thumbnail…

Vega-Lite API Template Bar Chart

This bar chart visualizes the population of each country in 2015, using a horizontal bar for each nation. Constructed with the Vega-Lite API, the chart serializes a declarative specification through `vl.markBar()` and `vl.x().fieldN('country')`/`vl.y().fieldQ('population')`. The code registers Vega, Vega-Lite, and the tooltip handler, then loads CSV data from a GitHub gist via `d3.csv`. The visualization renders to SVG and adapts to the browser window size.

MMilena Belianovich Holtman

74% match

Loading thumbnail…

Vega-Lite Bar Chart

This bar chart displays the population of various countries, sorted from largest to smallest for easy comparison. It is built using the Vega-Lite API, with the visualization specification defined declaratively in `viz.js` and rendered through the `vega` and `vega-lite` JavaScript libraries. The chart includes interactive tooltips provided by the `vega-tooltip` handler and is configured for full-window display, drawing data loaded from a CSV file using d3’s `csv` function, which fetches population data for 2015.

KKevin McMorrow

73% match