Vishal Kumar

@vishal035·3 public vizzes

Fork of Vega-Lite API Template

This example creates a bar chart showing the population of countries by religion, using a fork of the Vega-Lite API template. It renders data from a remote CSV file via `d3.csv` and visualizes it with `markBar`, encoding the x-axis by country name, y-axis by population, and color by religion. The chart uses `vega-lite-api` with a custom config that adds red axis ticks and larger label fonts, while the tooltip is handled by `vega-tooltip`’s `Handler`.

Apr 19, 2021

Loading thumbnail…

Fork of Hello VizHub

This example combines React with SVG shapes and D3.js to demonstrate a basic visualization setup. It renders a static yellow circle with a black border and two smaller circles using inline SVG markup. The React component logs a message to the console and renders a simple heading, while the D3 `select` API is imported but not actively used. The page also includes a CSS rule targeting a message element that is not present in the markup.

Apr 18, 2021

Loading thumbnail…

Fork of HTML Starter

This example renders the text “Hello HTML” in a large, centered font using CSS, with a JavaScript console message triggered on page load. The visualization is a minimal HTML starter that demonstrates the integration of HTML, CSS, and JavaScript in a single file. It uses the browser’s native DOM and console API, with styling defined in a `<style>` block and scripting in a `<script>` tag. No external libraries or data sources are involved, making it a bare-bones template for web-based experiments.

Apr 18, 2021