Visualisation GES

100%

Visualisation GES

✓ Published0🌍 Public

Last edited Oct 4, 2022

Created on Oct 3, 2022

This specimen charts the average greenhouse gas (GES) emission rate against vehicle speed, with point size reflecting carbon monoxide output and color encoding fuel consumption. It also includes tooltips for additional pollutants like NOx and PM10. The visualization is built with the vega-lite-api and d3.v5, fetching semicolon-delimited CSV data from a GitHub repository and rendering to SVG via Vega-Lite. The appearance is customized through a config file, adjusting axes, title, and font styles.

AI-generated description

A visualization constructed using the vega-lite-api.

The data shown here comes from the DMST - Tableau d'emisssion VLP 2020

MIT Licensed

Similar vizzes

Loading thumbnail…

Vega-Lite API Template

This visualization displays a scatter plot of vehicle fuel efficiency data from the UCI Auto MPG dataset, with horsepower on the y-axis, miles per gallon on the x-axis, and points colored by origin while sized by weight. It is built using the Vega-Lite API, which programmatically constructs Vega-Lite specifications, and renders through the Vega and Vega-Lite libraries. The code loads CSV data with d3.csv, applies custom axis and label styling from a config object, and renders an interactive SVG view with tooltips via vega-tooltip.

GGenpinZ

73% match

Loading thumbnail…

explor vegalite

This visualization explores the Auto MPG dataset from the UCI Machine Learning Repository. It renders a scatter plot with circles encoding miles per gallon on the x-axis, horsepower on the y-axis, origin as color, and vehicle weight as point size, with tooltips showing model names. Built using the vega-lite-api, it registers Vega and Vega-Lite to generate an SVG view with a custom dark-themed configuration. The code loads CSV data via `d3.csv` and renders the chart at full window size with a tooltip handler.

Wwzhang88

73% match

Loading thumbnail…

Vega-Lite API Template

This example visualizes automobile fuel efficiency and performance data from the UCI Auto MPG dataset, plotting horsepower against miles per gallon with circle size encoding vehicle weight and color encoding country of origin. The visualization is built programmatically using the Vega-Lite API, which registers Vega and Vega-Lite libraries, configures a tooltip handler, and loads CSV data via d3.csv. It generates an interactive SVG scatter plot with custom axis styling, and the view auto-fits to the browser window dimensions.

EEFezerKW

72% match

Loading thumbnail…

Fork of Vega-Lite API Template

This interactive scatter plot visualizes automobile efficiency and performance across different regions of origin. Each circle represents a vehicle, positioned by miles per gallon and horsepower, with color encoding the continent of manufacture and size reflecting vehicle weight. Hovering reveals the model name via tooltip. The visualization is constructed using the Vega-Lite API within a D3.js framework, loading data from the UCI Auto MPG dataset and rendering through Vega’s SVG output with custom styling for improved readability.

KKunkgg

72% match

Loading thumbnail…

grafiki

This example presents a scatter plot of the Auto MPG dataset from the UCI Machine Learning Repository, encoding vehicle origin as color and weight as point size. Built with the Vega-Lite API (vl) and rendered through Vega-Lite and Vega, it uses D3's `csv` loader to fetch data from a Gist. The visualization adapts to the browser window using the `autosize` method and customizes tooltips and axis styling via `vega-tooltip` and a config object.

Kkirukhin

72% match

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays an interactive scatter plot of vehicle data, mapping miles per gallon against horsepower, with points colored by region of origin and sized according to vehicle weight, along with tooltips revealing car model names. Built using the Vega-Lite API, the code registers vega, vega-lite, and vega-tooltip, then renders a circle mark with quantitative and nominal encodings. Data is loaded asynchronously via `d3.csv` from the UCI Auto MPG dataset hosted on GitHub, and the chart fills the browser window with a custom configuration for axis styling.

Llokeshp-0813

72% match

Loading thumbnail…

Fork of Vega-Lite API Template

This interactive scatter plot visualizes automobile fuel efficiency and performance data from the UCI Machine Learning Repository’s Auto MPG dataset. It shows the relationship between miles per gallon and horsepower, with color encoding country of origin, size encoding vehicle weight, and tooltips revealing car names. The visualization is built using Vega-Lite’s API built on D3, employing vl.markCircle and its encoding methods. The D3 csv function loads the data, while custom configuration in config.js adjusts axis styling for readability.

PPeter Krevenets

71% match

Loading thumbnail…

Fork of Vega-Lite API Template 2

This visualization presents an interactive scatter plot of the Auto MPG dataset from the UCI Machine Learning Repository, showing vehicle fuel efficiency against horsepower, with color encoding for country of origin and size encoding for vehicle weight. Built using the Vega-Lite API in conjunction with D3 v5 and Vega-Tooltip, the visualization retrieves data via D3’s CSV loader and renders as a full-window SVG with customized axis styling and tooltips that display vehicle names on hover.

Mmuhammadshumas

71% match