Janani Selvaraj

@janu123·2 public vizzes

Fork of Scatter Plot with Small Points

This example presents a scatter plot of automobile displacement against horsepower, with each point representing a vehicle model and tooltips revealing the car’s name on hover. The visualization is built using the Vega-Lite API, which wraps the lower-level Vega and Vega-Lite specifications, while D3’s CSV loader fetches the auto-mpg dataset from a remote gist. The plot uses small, solid points with no strokes and a fixed opacity, scaled to fit the browser window. The configuration customizes axis ticks, labels, and title colors for improved readability.

Feb 26, 2021

Loading thumbnail…

Fork of Let's Make a Face Part I

This visualization shows a simple smiley face in progress, with a large yellow circle for the head and two smaller black circles for eyes, leaving the mouth unfinished. It is built entirely with hand-coded SVG elements inside an HTML page, using explicit `cx`, `cy`, and `r` attributes to position each circle. The SVG canvas is 900 by 500 pixels, with the head centered and the eyes offset to either side. The rendering relies only on basic SVG markup, with no external libraries, drawing library, or data source; the static composition directly demonstrates the geometric layout of the face’s features.

Feb 26, 2021