Harshavardhan Kamarthi

@kage08·2 public vizzes

Fork of Vega-Lite API Template

This example uses Vega-Lite API to render a scatter plot of automobile data, showing the relationship between engine displacement and horsepower, with each point representing a car model and tooltips displaying the vehicle name. The visualization loads data from a CSV file using d3.csv and builds the chart programmatically through the vega-lite-api library, which registers with Vega and Vega-Lite. The code customizes the appearance through Vega-Lite configuration options, adjusts the chart size to fit the window, and enables interactive tooltips via the vega-tooltip Handler.

Nov 13, 2021

Loading thumbnail…

Smiley Face P1

A single yellow circle with a black outline forms a smiley face, using two smaller black circles as eyes positioned symmetrically on either side of the canvas center. The face is rendered directly in SVG, with the main circle's center at (480, 250), a radius of 245, and each eye at a radius of 50. The code uses React 17.0.2, loaded via a UMD build, though the visualization itself is static and contains no interactive or animated behavior.

Nov 3, 2021