Skip to main content
SimilarExport ZIP
100%

NEW CHART BEBE

✓ Published1🌍 Public
LLeandro Da Souza
Last edited Mar 24, 2021
Created on Mar 24, 2021

A bar chart displays population figures for countries, sorted by value, with a tooltip revealing each country’s exact population on hover. The visualization uses Vega-Lite 4 and the vega-lite-api to define the bar marks and encoding, while D3’s `csv` loader fetches data from a 2015 country population CSV hosted in a GitHub Gist. Custom axis and label styling via a config object improves readability against a dark theme.

AI-generated description

A visualization constructed using the vega-lite-api.

COUNTRY CHART BEBE

The data shown here comes from the UCI Machine Learning Repository: Auto MPG Data Set, via Gist: Scatter Plot with Menus.

MIT Licensed

Similar vizzes

Loading thumbnail…

STACKED BAR CHART BEBE

This stacked bar chart visualizes the distribution of religious affiliations across countries, with bar length representing population and color encoding religion. The visualization uses d3 v5's CSV loader to fetch data from the UCI Machine Learning Repository via a Gist, then renders the chart through the Vega-Lite API, which translates specifications into executable Vega views. The chart sorts countries by total population and includes tooltips that display population values on hover, while a custom config adjusts axis labels and font styling for improved readability.

LLeandro Da Souza
80% match
Loading thumbnail…

Vega-Lite Bar Chart

This bar chart visualizes population by country for 2015, using the Vega-Lite grammar to map countries to the x-axis and population to the y-axis. Built with the `vega-lite-api` and rendered via the `vega` and `vega-lite` libraries, it loads data from a CSV file using `d3.csv` and displays interactive tooltips via `vega-tooltip`'s Handler. The chart is styled with a custom config for improved readability.

Bbakstorage00001
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
74% match
Loading thumbnail…

Bar Chart Vega-Lite API

This bar chart displays population by country for 2015, with countries sorted in descending order along the x-axis and population values on the y-axis. The visualization is built using the Vega-Lite API, which composes a markBar specification with fieldN and fieldQ encodings, and renders via Vega’s SVG renderer. Data is loaded asynchronously from a CSV file using d3.csv, while a custom config adjusts axis styles and tooltip font sizes. The chart dynamically fits its width and height to the window viewport.

Vvmonney
74% 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…

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
74% match
Loading thumbnail…

Fork of Vega-Lite API Template

This example shows a bar chart of population by country for 2015, with tooltips displaying the population values. The visualization is built using the Vega-Lite API, which programmatically defines a markBar encoding with a categorical x-axis sorted by value and a quantitative y-axis. Data is loaded asynchronously via d3.csv from a Gist-hosted CSV file, and the chart is rendered as SVG through the Vega runtime. The code customizes axis and label styling via a config object and fits the chart to the browser window dimensions.

DDavid Beales
74% match
Loading thumbnail…

Vega-Lite API Countries

This visualization displays population by country as a horizontal bar chart, with countries sorted by population. Built with Vega-Lite’s API and rendered via D3, it loads data from a CSV of 2015 population figures. The chart uses a dark theme, custom axis styling, and tooltips showing exact values. The code registers Vega-Lite with a tooltip handler and fits the chart to the window size using an autosize configuration. The design improves readability with larger fonts and muted colors, while the interactive tooltip provides detailed population numbers on hover.

MMarta
74% match