vlad

@llama-with-thumbs·5 public vizzes

Fork of D3 line chart: Daily temperature in Belgium between 2017 and 2021

This chart shows the daily average air temperature in Belgium from November 2017 to December 2021. A single smooth path traces the temperature fluctuations over time, with a time-scaled x-axis and a linear y-axis for degrees Celsius. Built with React and D3 v7, the visualization uses `d3.scaleTime`, `d3.scaleLinear`, and `d3.line` with a natural curve to render the SVG path. The data is loaded via `d3.csv` from a GitHub gist containing daily atmospheric conditions.

Jan 21, 2022

Loading thumbnail…

Coronavirus Linear Y Axis

The chart displays cumulative coronavirus death totals over time using a linear scale, emphasizing the raw growth in case numbers without logarithmic transformation. It pulls time-series data from the Johns Hopkins COVID-19 dataset and renders an SVG line path with gridlines, axis labels, and markers. Built with React and D3 v5, it uses `scaleTime`, `scaleLinear`, and `line` generators, while axes are constructed via `axisBottom` and `axisLeft`. The visualization highlights the steep upward trajectory of deaths, showing the scale’s impact on interpreting pandemic trends.

Dec 20, 2020

Loading thumbnail…

The increment of airbnb over years

This bar chart shows the total number of Airbnb listings over the years, using a dataset from GitHub. The visualization uses React with D3 v6 utilities, employing `scaleBand` for the year axis and `scaleLinear` for the total counts. Data is loaded via `d3.csv`, and `Marks` renders the bars as SVG rectangles. The chart includes labeled axes, with the y-axis showing tick marks and grid lines, emphasizing the growth trend in Airbnb totals.

Dec 19, 2020

Loading thumbnail…

Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects 2017. The chart employs a linear scale for the population axis and a band scale for countries. It demonstrates custom axis formatting, removing default domain lines and ticks, and adding custom labels. The visualization is rendered in an SVG canvas using D3 v5, with data loaded from a CSV file.

Dec 19, 2020

Loading thumbnail…

Making a Bar Chart

This bar chart displays the population of the top 10 most populous countries, using 2018 estimates from the United Nations World Population Prospects 2017. It shows the data with horizontal bars arranged by country, with a formatted x-axis using a custom `replace('G', 'B')` on `d3.format`, and a removed y-axis domain and ticks for a cleaner look. Built with D3 v5, the chart uses `select`, `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, `axisBottom`, and `max` from the D3 API, and renders as an SVG. The data is loaded from a local `data.csv` file, with population values multiplied by 1000 during preprocessing.

Dec 18, 2020