m1k3yp

@m1k3yp·4 public vizzes

Vega-Lite API Test

This example shows a scatterplot of car data, binned by acceleration and displacement, with point size encoding the count of vehicles in each bin. Built with the vega-lite-api library, it registers Vega, Vega-Lite, and a tooltip handler, then fetches CSV data from a GitHub repository using d3.csv. The visualization renders as an SVG, fills the browser window, and applies custom axis and label styling to improve readability.

Oct 20, 2020

Loading thumbnail…

Name,Gender, Total Flights

This example visualizes airline passenger data by country, gender, and total flights. A scatterplot encodes country on the x-axis, total flights on the y-axis, and uses circle size to represent flight counts, with gender distinguishing color and tooltips revealing passenger names. The visualization uses vega-lite-api to construct the specification, with vega and vega-lite rendering the chart, while d3.csv loads the dataset from a GitHub repository. The config module customizes axis and label styling for improved readability.

Oct 20, 2020

Loading thumbnail…

Vega-Lite API Template

This example visualizes the relationship between vehicle horsepower, weight, and fuel efficiency across different origins using a scatter plot. The visualization is built with the Vega-Lite API, which programmatically constructs a Vega-Lite specification through chained method calls such as `vl.markCircle()` and `vl.encode()`. Data comes from an auto-mpg CSV loaded via `d3.csv`, and the chart renders as an SVG using Vega’s rendering engine with tooltip support from Vega-Tooltip. The visualization is configured with custom axis and label styling to improve readability.

Oct 20, 2020

Loading thumbnail…

Vega-Lite FLights by Country

This visualization shows the number of flights per country as a bar chart, with each bar colored by country and sized proportionally to the flight count. It uses the Vega-Lite API to encode the data, with country on the x-axis and an aggregated count of flights on the y-axis, displayed as bars with a fixed size and full opacity. The data is loaded asynchronously via d3.csv from a raw GitHub dataset, and the chart is rendered to SVG using the Vega-Lite runtime with a custom config for axis styling and tooltip support.

Oct 17, 2020