aymen0023

@aymen0023·4 public vizzes

Fork of Vega-Lite API Template

This example uses the Vega-Lite API to render a scatter plot of automobile data from a CSV file, plotting engine displacement against horsepower with a tooltip that displays the car name. The code registers Vega, Vega-Lite, and Vega-Lite API with a tooltip handler, loads the data via d3.csv, and applies custom styling through a config object. It demonstrates a programmatic workflow where the chart specification, data loading, and rendering are separated across modules, culminating in a full-screen, interactive visualization.

Mar 7, 2022

Loading thumbnail…

hello world

This example shows a simple yellow circle with two smaller black circles arranged to resemble a face. The SVG markup directly defines each shape, using fixed coordinates and radius values for the large face and the two eyes. The rendering relies on raw SVG elements within an HTML page, and the CSS sets the body margin to zero and hides overflow.

Mar 7, 2022

Loading thumbnail…

Hello HTML

A minimal HTML page demonstrates the fundamental structure of a web document, featuring a heading that displays the text "hello" in the browser. The example uses only native HTML elements—`<!DOCTYPE html>`, `<html>`, `<head>`, `<title>`, and `<body>`—with an `<h1>` tag for the visible content. No external libraries or JavaScript are involved; the rendering relies entirely on the browser's built-in HTML parser. The accompanying README links to a YouTube video, but the core visualization is the plain, unstyled markup itself, serving as a starting point for understanding how HTML defines document structure and content display.

Mar 7, 2022

Loading thumbnail…

Fork of Hello HTML

This example presents a minimal HTML page that renders no visible content, serving as a bare-bones starting point for a D3 visualization. The page structure consists only of a document head with a title and an empty body element, with no JavaScript or external libraries loaded. It demonstrates a code fork from an existing project, showing the most skeletal valid HTML scaffolding possible. The example does not include any D3 code, SVG elements, canvas drawing, or data processing, making it useful solely as a template for users to build upon with their own visualization code.

Mar 7, 2022