Skip to main content
Log in
T

themacmarketer

@themacmarketer·4 public vizzes

Loading thumbnail…

D3 Example

This stacked bar chart displays the distribution of religious populations across the top 20 countries by total population, using horizontal bars with color-coded religious categories. The visualization uses D3.js version 3, the d3-legend library for the color legend, and d3-tip for hover tooltips. It employs d3.layout.stack for stacking data layers, d3.svg.axis for chart axes, and animated SVG transitions to fade and highlight specific religion segments when hovering over legend items.

Jan 1, 2020
Loading thumbnail…

Let's make a face with D3.js!

A yellow smiley face with animated eyebrows demonstrates core D3.js DOM manipulation. The code uses D3 v5's `select` and `arc` to build SVG circles and a mouth path, while chained `transition().duration()` calls animate the eyebrow group’s `transform` attribute over two seconds. The face is centered via an SVG `g` element, with positions defined by numeric constants.

Jan 1, 2020
Loading thumbnail…

HTML Starter

A minimal web page that displays the static text "Hello HTML World" followed by "Test" in the browser, centered on a blank canvas with the font size dramatically enlarged to 13em. The example demonstrates the foundational structure of an HTML document, using a plain `<style>` block to apply CSS styling directly within the page. No external libraries or JavaScript are involved; the rendering relies entirely on the browser's native HTML parsing and CSS layout engine, making it a basic starter template for web-based projects.

Jan 1, 2020
Loading thumbnail…

HTML Starter

This example displays "Hello HTML World" and "Test" centered on a plain webpage using large, 13em text. Styled exclusively through a CSS rule within an HTML `<style>` tag, the page demonstrates a minimal setup for a web-based visualization or application. The code uses the HTML standard API and no external libraries, serving as a foundational template for projects. The rendering relies entirely on the browser’s default HTML layout engine.

Jan 1, 2020