Irtaza

@irtaza091996·3 public vizzes

Making a Bar Chart

This bar chart displays the top 10 most populous countries using 2018 population estimates from the United Nations World Population Prospects. It shows each country’s population as a horizontal bar, with formatted axis labels (e.g., converting thousands to billions) and gridlines. The visualization uses D3 v5 APIs including `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to construct the chart, rendering via SVG. The axis tick format is customized by replacing ‘G’ with ‘B’ in D3’s compact notation.

Dec 12, 2020

Loading thumbnail…

Making a Bar Chart

A horizontal bar chart displays the top 10 most populous countries based on 2018 estimates from the United Nations World Population Prospects 2017. The bars are rendered as SVG rectangles, with a linear scale for population and a band scale for countries. The code leverages D3 modules such as `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to build the chart, and customizes the x-axis tick format to abbreviate large numbers. The chart also includes a title and labeled axis.

Dec 12, 2020

Loading thumbnail…

React Starter

This example displays the text “Hello React!” centered and styled with a large font size. It demonstrates the basic structure of a React application, where a functional component returns a div with a CSS class. The code uses React and ReactDOM, specifically the `ReactDOM.render` method to mount the component into the DOM element with the ID `root`. The page loads React and ReactDOM from CDN links and includes separate HTML, JavaScript, and stylesheet files.

Dec 9, 2020