Untitled

100%

✓ Published0🌍 Public

Last edited Sep 19, 2019

Created on Sep 12, 2019

This bar chart displays the 2019 Economic Freedom Index, with countries ranked by population and colored by religion. The visualization is built using the Vega-Lite API, which constructs a bar mark with categorical country fields, quantitative population values, and religious categories for color encoding. Tooltips provide additional population details on hover. The data is fetched via d3.csv from a GitHub Gist, and the chart is rendered responsively using Vega-Lite’s autosize fit setting, with custom axis and label styling from the provided configuration.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Vega Bar Chart

This bar chart visualizes the top 20 countries by population, with bars colored by religion and sorted in descending order, using a zero-free y-axis scale to emphasize proportional differences. Built with the Vega-Lite API within a React framework, the visualization loads CSV data via d3.csv and renders an interactive SVG with tooltips through the Vega tooltip handler. The configuration applies custom dark styling to axis labels and titles, while the chart responsively fits the full window dimensions.

AAmeer Nuri

80% match

Loading thumbnail…

Untitled

This example visualizes the population of countries by religion, with bars sized by population and colored by religion. The data comes from a CSV file of religion by country, fetched using D3’s `csv` method. Built with the `vega-lite-api`, it uses a bar mark, encodes country on the x-axis, population on the y-axis, and religion for color, sorting by population in descending order. The visualization is rendered as an SVG and includes custom axis styling for readability.

Ccolbygogan

80% match

Loading thumbnail…

Data visualization of population of religion in country with respect to country

This visualization displays the population of different religions across countries using a bar chart. Each bar’s position encodes the country and religion, while its color represents the population value, with tooltips revealing exact numbers. The visualization is built with Vega-Lite and the vega-lite-api, fetching data from a CSV via d3.csv. It uses customized axis and label styling from a config object, rendering full-screen with fit autosizing.

DDipak654

80% match

Loading thumbnail…

Fork of Vega-Lite API Template

This bar chart shows the population of countries, segmented by religion, with bars sorted in descending order of total population. Built using the Vega-Lite API, the visualization defines the mark, encodings, and tooltip in code, then renders through a Vega view with an SVG renderer. The data is loaded from a CSV file using d3’s `csv` method, and axes are customized via a config object. Interactive tooltips are provided by the vega-tooltip Handler.

HHJQ2000

79% match

Loading thumbnail…

Vega-Lite API Religion Bar Chart

This bar chart visualizes the population of five countries broken down by religion, using a stacked bar layout ordered by total population. The visualization is built programmatically through the Vega-Lite API, which registers Vega and Vega-Lite libraries and renders an SVG view with tooltips. Data is loaded via d3.csv from a Gist containing the UCI Auto MPG dataset, though the chart actually displays religion data from a separate CSV file. The chart uses Vega-Lite’s markBar encoding for x, y, color, and tooltip channels, with custom configuration for axis styling and font sizes.

RRaphael Fogha

79% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays a horizontal bar chart showing population counts by country, with each bar color-coded by religion. The chart is built using the vega-lite-api library, which registers Vega and Vega-Lite to render SVG output. Data is loaded asynchronously via d3.csv from a GitHub Gist containing religion-by-country statistics. The visualization uses quantitative population fields for the y-axis, nominal country fields for the x-axis, and nominal religion fields for color encoding, with tooltips enabled through vega-tooltip.

RRoger Olson

79% match

Loading thumbnail…

Vega-Lite API Religions by Country

This visualization shows the population of each country, broken down by religion, using a stacked bar chart. Each bar represents a country, sorted by total population, with colored segments for different religions and tooltips revealing exact population values. It is built using the Vega-Lite API, where the chart specification is defined programmatically via `vl.markBar()` and encoding methods. The underlying data is fetched as CSV using `d3.csv` from a remote gist, and the final visualization is rendered as an SVG canvas using the `vega` renderer.

MMarta

78% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays the population distribution of major religions across countries using a bar chart, with each bar segmented and colored by religion. It leverages the Vega-Lite API (`vl.markBar`, `vl.x().fieldN('country')`) to encode the data, with tooltips showing population values via `vl.tooltip().fieldN('population')`. The chart reads from a CSV file containing religion-by-country statistics, loaded asynchronously via D3’s `csv` function. Rendering is handled through Vega and Vega-Lite’s JavaScript libraries, with custom styling applied from a configuration object for axis colors and font sizes.

EEevikettu

78% match