testing stuff

100%

✓ Published0🌍 Public

Last edited Jan 4, 2022

Created on Jan 4, 2022

This visualization maps social leaders by department over time, plotting each individual as a semi-transparent circle with a tooltip showing their name. The scatterplot uses Vega-Lite’s API with D3.js to fetch CSV data from a REST endpoint, then renders circles sized and colored consistently across a time axis sorted in descending order. The chart relies on Vega-Lite’s mark encoding for positioning and tooltips, while D3 handles data loading and the Vega runtime manages SVG rendering and interactive tooltip behavior.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays a scatter plot of social media data, mapping the day and month on the x-axis, network on the y-axis, sentiment as color, and likes as point size. It uses the vega-lite-api to construct the chart, which is then rendered with vega and vega-lite, with vega-tooltip providing interactivity. The data is loaded as CSV from a gist using d3.csv, and the chart automatically fits the browser window.

HHiImSebastian

76% match

Loading thumbnail…

Vega-Lite API Template

This example visualizes infrastructure indicators by plotting each data point as a circle, with the year on the x-axis, the indicator type on the y-axis, and the color encoding the numeric value. Tooltips reveal the exact values on hover. The visualization is built using the Vega-Lite API, which registers Vega and Vega-Lite libraries to render the chart as SVG. Data is loaded asynchronously from a CSV file using d3.csv, and the chart’s styling and axis labels are customized through a configuration object. The visualization automatically fits the full browser window.

SSabin Bhandari

75% match

Loading thumbnail…

Vega-Lite API Template

This example displays a scatterplot of ODI player statistics, plotting matches played against runs scored, with point size encoding centuries and tooltips revealing player names. Built with the Vega-Lite API, it uses the `vl.markCircle` and `vl.encode` methods to define the visualization, while D3’s `csv` function loads the dataset from a GitHub gist. The chart fills the entire viewport, applies a custom configuration for axes and fonts, and renders via Vega’s SVG renderer with an interactive tooltip handler.

AAtharvap2000

75% match

Loading thumbnail…

Vega-Lite API Template

A scatterplot uses the Vega-Lite API to map time on the x-axis, location on the y-axis, and a quantitative color scale for data values. Circles are sized and colored from the dataset, with tooltips showing each point’s name. The visualization loads tab-separated data via `d3.tsv` from a GitHub gist and renders with an SVG view, using `vl.markCircle` and `vl.encode` to build the chart. Axis labels and titles are customized through a shared `config` object.

Ddavid-cv2

74% match

Loading thumbnail…

visualization project3

A scatterplot maps COVID-19 vaccination totals by location and vaccine manufacturer, with circle size and opacity encoding total vaccinations and color distinguishing categories. Built with the vega-lite-api, it registers Vega-Lite and vega-tooltip, loads CSV data from a GitHub gist via d3.csv, and applies a custom config for axis styling and font sizes. The visualization renders responsively to the full window using SVG output.

Ssofigg

74% match

Loading thumbnail…

Vega-Lite API Template

A scatter plot visualizes modern mathematicians, statisticians, computer scientists, engineers, inventors, biologists, and physicists born after 1950 across seven countries, mapping historical prominence index (hpi) and lifespan (l) on the axes. Each point’s color and fill encode occupation, shape indicates birth country, and size reflects non-English page views. The example uses the Vega-Lite API to construct the specification programmatically, with D3’s `csv` loading data from the Pantheon.world dataset, and renders through Vega with tooltip support.

Ssriramvsharma

74% match

Loading thumbnail…

Fork of Fork of Vega-Lite API Template

This visualization uses the Vega-Lite API to render a circle-mark scatter plot of religious affiliations across countries, with circle size encoding population and tooltips revealing exact values. The data comes from the UCI Machine Learning Repository’s Auto MPG dataset, though the actual CSV loaded through d3.csv is a top-5 religions per country dataset. The code registers Vega-Lite with Vega, applies a custom dark theme via the config object, and renders the chart as an SVG that fits the full window. The visualization is interactive, with tooltips handled through vega-tooltip.

MMd. Jakir Hosen

74% match

Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes the distribution of religious affiliations across countries using a circular scatter plot, where each circle’s position encodes country and religion, and its size represents population. The visualization is built with the Vega-Lite API, which registers Vega and Vega-Lite libraries to generate an SVG renderer. Data is loaded asynchronously from a remote CSV via D3’s `csv` method, then passed to a `vl.markCircle()` encoding that maps fields to axes, size, and tooltips. The view is configured to fit the window dimensions, and a custom config adjusts axis styling and font sizes. The Vega Tooltip handler enables interactive hover details.

CCHOI SEUNG HYUN

74% match