Danny Pule

@dannypule·3 public vizzes

Fork of Fork of Vega-Lite API Template

This visualization uses a bubble chart to show the distribution of countries and religions by population, sourced from the UCI Machine Learning Repository’s Auto MPG data set. It employs the Vega-Lite API for declarative chart construction, rendered via the Vega and Vega-Lite engines. The code loads CSV data with `d3.csv`, encodes circle size from population using `vl.size().fieldQ`, and customizes axis styling and tooltips through `config.js` and the Vega-Tooltip handler. The visualization is displayed as an SVG, with automatic sizing to fit the browser window.

Jul 2, 2022

Loading thumbnail…

Fork of Vega-Lite API Template

This visualization displays a stacked bar chart of population by country, segmented by religion, using data from the UCI Machine Learning Repository. It is built with the Vega-Lite API, which registers Vega and Vega-Lite, and renders via d3.js v5. The chart encodes the country field as the x-axis, population as the y-axis, and religion as the color channel. A custom config styles the axes and labels, while a tooltip handler provides interactive population details. The visualization is sized to fit the browser window.

Jul 2, 2022

Loading thumbnail…

Fork of Hello HTML

This fork of the Hello HTML example is a static SVG visualization that renders a single circle element with no data or interaction. It uses inline SVG within an HTML document, featuring a minimal circle tag without attributes such as radius or position. The code does not employ any JavaScript libraries, data sources, or rendering APIs beyond the basic SVG structure. The page serves as a simple structural demonstration of embedding SVG shapes in HTML, with the circle appearing as a default black shape due to browser defaults.

Apr 8, 2022