amazighy

@amazighy·3 public vizzes

Customizing Axes

This horizontal bar chart displays the top 10 most populous countries using 2018 United Nations estimates. It shows how D3 axes can be customized by removing gridlines and domain paths, adding a pink axis label, and formatting population values using `d3.format('.3s')`. The chart uses `d3.scaleLinear` for the x-axis and `d3.scaleBand` for the y-axis, rendered as SVG via D3 v5.

May 18, 2020

Loading thumbnail…

React Starter

This example demonstrates a minimal React application that renders the text “Hello React!” centered on the page. It uses React 16.10.0 and ReactDOM to mount a single component into a root div, with styling applied through a CSS class. The rendering relies on `ReactDOM.render`, while the HTML loads React from a CDN and executes the bundled JavaScript. The behavior is limited to displaying a static message with no data or interactive features.

Apr 8, 2020

Loading thumbnail…

HTML Starter

This example displays the text “Hello HTML” centered on a plain web page, with the browser’s default styling overridden by a CSS rule that sets the font size to 13em. It uses a minimal HTML document structure with embedded `<style>` tags, and does not rely on any external libraries or JavaScript. The page demonstrates the simplest possible setup for rendering content, serving as a starting point for projects built directly with HTML and CSS rather than a framework like React.

Apr 8, 2020