Adhityaa A

@adhityaa28·3 public vizzes

Fork of Vega-Lite API Template

This example visualizes the relationship between miles per gallon, horsepower, origin, and weight for vehicles from the Auto MPG dataset. The scatter plot encodes the quantitative fields on the x- and y-axes while using color and size to represent categorical origin and continuous weight, with tooltips showing vehicle names. Built using the Vega-Lite API, it registers Vega, Vega-Lite, and D3’s CSV loader to fetch remote data and render an interactive SVG chart with customized axis and label styling.

Sep 15, 2023

Loading thumbnail…

Loading and Parsing CSV Data

This example demonstrates how to load and parse CSV data using D3 v5. It fetches a remote CSV file containing named CSS colors and displays three summary statistics: the file size in kilobytes, the number of rows, and the number of columns. The primary implementation uses d3.csv with a Promise, while commented-out code shows an alternative approach using fetch, async/await, and d3.csvParse. The parsed data is rendered as plain text inside a pre element, with results formatted using d3.csvFormat to calculate the data length.

Sep 15, 2023

Loading thumbnail…

Fork of Hello HTML

A black-and-yellow smiling face rendered as a static SVG graphic using only native SVG elements (`circle` and `svg`) within an HTML page. The composition places a large yellow circle with a black stroke as the head, flanked by two smaller black circles for eyes. No JavaScript libraries or data sources are used; the markup is hand-written in `index.html` and styled with CSS to eliminate page margins. The example demonstrates basic SVG shape creation without interaction or animation.

Sep 13, 2023