Igor Oleniuk

@IgorOleniuk·2 public vizzes

Temperature in San Francisco Line Chart

This line chart displays one week of temperature data in degrees Celsius for San Francisco, sourced from the Data Canvas - Sense Your City project. The visualization uses D3 v5 to map timestamps on the x-axis and temperature on the y-axis, with a smooth curved line rendered as an SVG path. The chart includes labeled axes, grid lines, and a title, with scales created via `d3.scaleTime` and `d3.scaleLinear`, and axes generated using `d3.axisBottom` and `d3.axisLeft`. The data is loaded asynchronously from a CSV file using D3's `csv` function.

May 21, 2020

Loading thumbnail…

Customizing Axes

This visualization shows the population of the top 10 most populous countries using a bar chart, with data from the 2018 United Nations World Population Prospects estimate. The chart demonstrates customized D3 axes, including abbreviated tick labels (such as “1.4B” for 1.4 billion) and removal of default axis lines. Built with d3.v5, it uses `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, `axisBottom`, and `format` from the d3 module, rendering to SVG. Custom styling for ticks, labels, and the title is applied via an external CSS file.

May 20, 2020