IhorFedorkiv94

@IhorFedorkiv94·3 public vizzes

Temperature[line chart]

This line chart shows temperature readings over time in San Francisco, with time plotted on the x-axis and temperature on the y-axis using a smooth curve interpolation. The visualization is built with D3 v5 and rendered as SVG, using `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` with `curveBasis` for the path. Data is loaded via `d3.csv` from a GitHub Gist, and each timestamp is parsed as a JavaScript `Date` object before rendering.

Aug 11, 2020

Loading thumbnail…

Stylized Bar Chart

This stylized bar chart displays the top 10 most populous countries from the United Nations World Population Prospects 2019 dataset. The chart uses horizontal bars with a clean Poppins font, teal-colored marks, and formatted population labels that convert abbreviations like “G” to “B”. Built with React and D3 v5, it employs `scaleBand` for the categorical country axis, `scaleLinear` for the numeric population axis, and custom `AxisBottom` and `AxisLeft` components to render SVG ticks and labels.

Aug 10, 2020

Loading thumbnail…

Shapes with SVG and CSS

A horizontal bar chart displays the populations of the ten most populous countries. The visualization uses D3.js version 5, with `scaleLinear` for the x-axis and `scaleBand` for the y-axis. The SVG rendering is styled with CSS, including steelblue rectangles and custom axis labels. The `csv` function loads the population data, which is multiplied by 1000 for display. The chart includes a custom x-axis format that converts large numbers to billions.

Aug 10, 2020