Oluwatobi Samuel Akinola

@itsoluwatobby·3 public vizzes

Fork of Vega-Lite API Template

This example displays a stacked bar chart of population by country, segmented by religion, using data from a Gist derived from the UCI Machine Learning Repository. The visualization is built with the Vega-Lite API, which registers Vega and Vega-Lite to render SVG output, and includes a tooltip handler from vega-tooltip. The code fetches data via `d3.csv`, applies a custom configuration for axis styling, and sorts the bars in descending order.

Jan 27, 2023

Loading thumbnail…

Fork of Vega-Lite API Template

This example uses the Vega-Lite API to render a scatter plot of automobile acceleration against horsepower, with data from the UCI Machine Learning Repository's Auto MPG dataset. Built with D3.js, Vega, and Vega-Lite, the visualization configures axis styling and tooltips, displaying the data as a line mark with opacity and size set. The plot is generated through a JavaScript pipeline that fetches CSV data, registers the Vega-Lite API within a D3 environment, and outputs an SVG chart that fills the browser window.

Jan 27, 2023

Loading thumbnail…

Loadin and Parsing CSV Files

This example demonstrates how to fetch and parse CSV data from a remote URL using the browser’s native Fetch API. The page retrieves a file containing named color values from a GitHub gist and logs the raw text response to the console, showing the dataset’s contents before any processing. The implementation uses the asynchronous `async`/`await` syntax within a `getData` function, calling `res.text()` to read the response body. The visualization itself is minimal, with no additional libraries or visual rendering, focusing solely on the initial data-loading step.

Jan 26, 2023