Fork of Vega-Lite API Template srubio

Pparshwa30122002@gmail.com

Fork of Vega-Lite API Template

This example visualizes automobile performance data from a CSV file, plotting miles per gallon against horsepower. Colored circles represent the country of origin, while circle size encodes vehicle weight, with tooltips displaying detailed attributes. The visualization is built using the Vega-Lite API, registering Vega and Vega-Lite libraries with a custom configuration for axis styling and tooltip handling. Data is loaded asynchronously via D3's `csv` function, and the chart renders responsively to fill the browser window using an SVG renderer.

Fork of Vega-Lite API Template

This example visualizes automotive data from a CSV file, plotting horsepower and weight for each car as circles, with color indicating origin and size encoding miles per gallon. It uses the Vega-Lite API to build the chart declaratively, with D3’s `csv` function for data loading. The visualization leverages vega-lite-api’s `markCircle` and `encode` methods, and it renders SVG output through Vega, vega-lite, and vega-tooltip for interactive tooltips.

TTakuya Kitazawa

Fork of Vega-Lite API Template

This example visualizes automobile characteristics from the auto-mpg CSV dataset using the Vega-Lite API. It plots weight against horsepower as a scatter plot, with circle size encoding miles per gallon and color encoding country of origin, plus tooltips showing vehicle names. The code registers Vega-Lite with Vega, uses d3.csv for data loading, and applies a custom configuration for axis styling and typography. The visualization renders as SVG, sized to fit the browser window, with a semi-transparent fill and opacity adjustments for readability.

AAoibhinnRed

Fork of Vega-Lite API Template

This example visualizes automobile performance data using a scatter plot of weight versus horsepower, colored by origin and with tooltips showing car names. The visualization is built with the Vega-Lite API, which registers Vega, Vega-Lite, and Vega-Tooltip to render an SVG chart. Data is loaded asynchronously from a CSV file via d3.csv, then passed to a vega-lite-api markCircle specification. The chart fits the full window size with custom axis and label styling from a config object.

EEdgar Alves

Fork of Vega-Lite API Template

This visualization uses the Vega-Lite API with D3 to plot automobile data, showing each car as a circle positioned by weight and horsepower, colored by origin, and sized by fuel efficiency (mpg). The code loads CSV data from a GitHub gist via D3’s `csv` method, then builds the chart with `vega-lite-api`’s `markCircle` and encodes position, color, size, and tooltip fields. Rendered as an SVG through the Vega renderer, the visualization includes a Vega tooltip handler for interactive inspection.

Fork of Vega-Lite API Template

This example uses the Vega-Lite API to plot automobile performance data from a CSV file, encoding engine displacement, horsepower, model year, and weight as visual channels. A scatterplot of circles renders each car with size mapped to weight and color to year, while tooltips display the model name. The chart is built by registering vega, vega-lite, and the vega-lite-api library, and it uses D3’s csv loader to fetch the data. Custom axis and label styling in config.js improves readability against a dark text color.

CCoollRock

Fork of Vega-Lite API Template

This example visualizes automobile performance data from the auto-mpg dataset, plotting cylinders and horsepower with circle size encoding weight and color encoding origin. Built with the Vega-Lite API for declarative chart specification, it uses d3.csv to load the data and renders the result as an SVG via the Vega view API. Configuration customizes axis labels and tick colors, while a Vega tooltip handler displays car names on interaction.

Cchristopher

Fork of Vega-Lite API Template

This example visualizes automobile performance data, plotting engine weight against horsepower for individual car models. The scatter plot encodes car origin through color, while point size reflects fuel efficiency (mpg). It uses the Vega-Lite API (vl.markPoint, vl.x, vl.y) to compose the visualization declaratively, with data loaded from a CSV via d3.csv. The vega view renders as SVG, and vega-tooltip provides interactive hover details. Appearance is customized through a config object that adjusts axis styling and typography.

Mmail.lohade@gmail.com