Megha Singhania

@meghasinghania22·2 public vizzes

Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries, based on 2018 estimates from the United Nations World Population Prospects. The visualization uses D3 v5 with SVG rendering, employing `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and custom `axisBottom` and `axisLeft` configurations. Population values are formatted with `format('.3s')` and converted from thousands. A linked video tutorial accompanies the example, which also demonstrates axis customization techniques such as removing domain lines and adding axis labels.

Jan 16, 2020

Loading thumbnail…

HTML Starter

This example demonstrates a bare-minimum HTML page with two inline SVG circles and a "Hello World" paragraph. It serves as a foundational template for web-based visualization projects, showing how to embed basic SVG shapes using direct markup rather than a JavaScript library. The code uses HTML5 document structure, CSS for body styling, and the SVG `<circle>` element with attributes like `cx`, `cy`, `r`, `stroke`, and `fill` to render the red circles with black outlines. The page is built with plain HTML and does not include any external JavaScript dependencies.

Jan 10, 2020