Aakarshak Sthapak

@Aakarshak1·3 public vizzes

Fork of Vega-Lite API Template

This scatter plot visualizes the relationship between miles per gallon and horsepower for cars from the Auto MPG dataset, with color mapping to region of origin and point size encoding weight. Built with the Vega-Lite API, the visualization uses the `vl.markCircle` and `vl.encode` specifications to define the marks and channels, while `vl.x()` and `vl.y()` handle quantitative scales. Data is loaded asynchronously via D3’s `csv` function, and the chart is rendered with Vega, Vega-Lite, and Vega-Tooltip for interactive hover details.

Apr 18, 2021

Loading thumbnail…

Fork of Vega-Lite API Template

This example visualizes the relationship between engine displacement and horsepower for classic automobiles, with tooltips revealing each car’s name. It uses the Vega-Lite API to declare the scatterplot marks and encodings, while customizing axis and label styling via a shared config object. Data is loaded asynchronously from a CSV using d3.csv, then rendered as an SVG through Vega’s view system. The visualization fills the browser window and fades overlapping points for readability.

Apr 18, 2021

Loading thumbnail…

Fork of Hello HTML

This example displays a single SVG circle at the center of the page, with a large radius of 100 units but no fill or stroke styling. The code uses plain HTML and inline SVG, not JavaScript libraries, to create the minimal visual. The circle is defined with a `<circle r="100">` element inside an `<svg>` tag, though the closing tag is misspelled as `</cicrle>`. A bare HTML document structure wraps the SVG, and a README file includes an embedded YouTube video, but the visualization itself renders only the basic geometric shape.

Apr 17, 2021