KNJour

@KNJour·3 public vizzes

Fork of Vega-Lite API Template

This example presents a bar chart of population by country, with bars colored by religion, using the Vega-Lite API. It loads CSV data from a GitHub gist via D3’s `csv` function. The chart is rendered with Vega-Lite’s `markBar` encoding x by country, y by population, and color by religion. The visualization is built with `vega-lite-api` and rendered to SVG through Vega, with tooltips provided by `vega-tooltip`.

Jun 1, 2022

Loading thumbnail…

Fork of Pathetic Bar Chart

This example displays the top 10 most populous countries as a bare bar chart with no axes, using rectangular bars whose widths encode each country’s 2020 population. It loads data from the UN World Population Prospects 2019 via `d3.csv` and sorts the first ten rows. The visualization uses React’s `useState` and `useEffect` to fetch and store data, then renders SVG rectangles positioned with `d3.scaleBand` on the y-axis and scaled with `d3.scaleLinear` based on the maximum population. The chart lacks labels, tick marks, or any annotation, emphasizing its intentionally minimal design.

Jun 1, 2022

Loading thumbnail…

Fork of Hello HTML

This example displays a blank HTML page as a minimal starting point for web development. It contains only an empty `<body>` element and a `<title>` tag, rendering no visual content or interactive elements. The code relies on standard HTML structure without any external libraries, scripts, or data sources. It serves as a bare template for users to build upon, demonstrating the fundamental skeleton of an HTML document.

May 23, 2022