First_ResistanceData

100%

First_ResistanceData

✓ Published0🌍 Public

Last edited Aug 23, 2023

Created on Aug 23, 2023

This visualization displays a scatter plot of resistance-related data, with each point colored by a third quantitative variable. The data originates from the Auto MPG dataset via the UCI Machine Learning Repository. Built with the vega-lite-api library, it uses `vl.markCircle` with encodings for x, y, and color fields, and includes a tooltip. The visualization is rendered as a full-screen SVG, with axes configured using the `config` object and data loaded asynchronously via `d3.csv`.

AI-generated description

A visualization constructed using the vega-lite-api.

The data shown here comes from the UCI Machine Learning Repository: Auto MPG Data Set, via Gist: Scatter Plot with Menus.

MIT Licensed

Similar vizzes

Loading thumbnail…

Vega-Lite API Template 8

This visualization displays two scatter plots of Auto MPG data from the UCI Machine Learning Repository. The main chart plots two quantitative fields against each other, colored by vehicle class, while a smaller repeater panel shows multiple combinations of the same fields. Built with the Vega-Lite API, it uses `vl.markCircle`, `vl.x().fieldQ()`, and `vl.y().fieldQ()` to encode variables, with D3’s `csv` loader for data parsing. The code configures custom axes, tooltips via vega-tooltip, and responsive sizing that adapts to the window dimensions.

OOleJRask

74% match

Loading thumbnail…

first-Vega-Lite-API-Template

This example renders a scatter plot of automobile performance data from the UCI Auto MPG dataset, showing miles per gallon against horsepower. Each circle is colored by country of origin and sized according to vehicle weight, with tooltips displaying model names. The visualization is built using the vegalite-api, which composes Vega-Lite specifications programmatically in JavaScript, then renders them through Vega with an SVG view. Data loading uses `d3.csv` from D3 v5, while vega-tooltip provides interactive hover details.

AAudioDen

74% 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…

Fork of Vega-Lite API Template

This interactive scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, encoding horsepower, miles per gallon, origin, and weight for each vehicle. The visualization uses the Vega-Lite API to construct a circle mark with quantitative fields mapped to x and y axes, a nominal field for color, and a tooltip displaying the vehicle name. Built with vega-lite-api, vega, vega-lite, and vega-tooltip, the chart is styled with a custom configuration that disables axis domains and uses light gray ticks. Data is loaded asynchronously via d3.csv, with the plot sized to fill the viewport.

GGyromighty

73% match

Loading thumbnail…

Fork of Vega-Lite API Template

This interactive scatter plot visualizes the Auto MPG dataset from the UCI Machine Learning Repository, mapping miles per gallon against horsepower for individual car models. Each point is colored by origin and sized by vehicle weight, with hover tooltips revealing the car name. Built with Vega-Lite API, the visualization leverages `vl.markCircle`, positional encodings via `vl.x()` and `vl.y()`, and tooltips through `vl.tooltip()`. D3’s `csv` loader fetches the data, while Vega tooltip enhances interactivity, all running within a responsive, full-window layout.

JJoshua Holloway

73% match

Loading thumbnail…

Try 500,000 data

This visualization presents a scatter plot of 500,000 data points from the UCI Auto MPG dataset, encoding miles per gallon, horsepower, origin, and weight. Using the vega-lite-api, it renders circles with size mapped to weight and color to origin. The code configures axes without domains for a cleaner look, fits the chart to the window, and includes tooltips via vega-tooltip. The visualization demonstrates how vega-lite-api can plot high-density datasets with interactive hover details.

JJadeJOy

73% match

Loading thumbnail…

Vega-Lite API Template 1216

This visualization uses the Vega-Lite API to display a scatter plot of UCI Auto MPG data, plotting miles per gallon against horsepower. Each circle represents a car model, with color encoding the country of origin, size encoding weight, and tooltips revealing the car name. The code fetches CSV data via `d3.csv`, then builds the chart programmatically using functions like `vl.markCircle` and `vl.x().fieldQ`. The visualization renders as a full-window SVG with a custom dark theme, with axis styling and tooltip formatting configured for readability.

DDavid-Wong110723

73% match

Loading thumbnail…

Visualization with Vega-Lite

This visualization uses Vega-Lite and the vega-lite-api to render an interactive scatter plot of the Auto MPG dataset from the UCI Machine Learning Repository. The plot displays miles per gallon and horsepower on the axes, with color encoding for the country of origin and size encoding for vehicle weight. The code fetches the CSV data using d3.csv, configures the chart with custom axis and label styles, and renders it as an SVG while enabling tooltips through vega-tooltip.

MMartin Coronel

73% match