Fork of Vega-Lite API Template

Fork of Vega-Lite API Template

This example visualizes religious demographics across countries using a bar chart, with each bar representing a country and the color encoding the population for each religion. The visualization is built using the Vega-Lite API and rendered with D3.js, incorporating vega-tooltip for interactive hover details. Data is loaded from a CSV file hosted on GitHub, containing population figures for various religions by country. The chart fills the entire window and uses custom styling to adjust font sizes and axis appearance for readability.

DDipak654

Fork of Vega-Lite API Template4

This visualization displays a bar chart of population by country, with bars colored by religion and tooltips showing population values on hover. The data comes from the UCI Auto MPG dataset via a Gist, though the shown attributes reference country and religion. Built with Vega-Lite API, it registers Vega and Vega-Lite libraries, loads CSV data using d3.csv, and renders the chart as SVG with custom axis and label styling from a config object. The visualization auto-fits to the window size and includes a Vega Tooltip handler for interactive detail viewing.

AArookie-2020

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

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

Fork of Vega-Lite API Template Origin

This visualization displays a bar chart of population by country, with colors encoding religion and tooltips revealing population values on hover. It uses the Vega-Lite API to construct the chart, with getData.js loading CSV data from a gist containing religion-by-country statistics. The code leverages vega-lite-api's `markBar`, `x()`, `y()`, `color()`, and `tooltip()` methods, registered with vega and vega-lite, and renders via the SVG view with a vega-tooltip handler. The config customizes axis ticks and font styles for readability.

Ddleoenri

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

Fork of Vega-Lite API Template

This example displays a bar chart of population by country, colored by religion, with a tooltip showing temperature on hover. The visualization is built using the Vega-Lite API, which wraps Vega and Vega-Lite specifications, and renders to SVG. Data is loaded asynchronously from a CSV file via D3’s `csv` function, sourced from the auto-mpg dataset. The chart is configured with custom axis and label styling, and fills the full viewport using automatic resizing.

AasafJortilles

Fork of Vega-Lite API Template

A bar chart visualizes the ratio of religions within each country’s population, with countries on the x-axis sorted by ratio and religions on the y-axis; color encodes the ratio, and hovering reveals the population value. The visualization uses the Vega-Lite API (vl) to define the bar marks and encodings, with data loaded from a CSV file via d3.csv. Rendering is handled by Vega and Vega-Lite, configured with custom axis and label styling, and the chart fits the full browser window using autosize.

Yyjhouma