Diverging Bar Chart: Swedish Repo Rent 2010-2024

Kkfhujosefsson@dons.usfca.edu

Fork of Line Chart - Covid Cases per day in Sweden October 2020

This line chart visualizes the global unemployment rate trend from 1991 to 2023, using yearly averages calculated from raw data loaded via `d3.csv` from a Gist URL. The chart displays a smooth monotone curve (`d3.curveMonotoneX`) in steelblue, with an x-axis for years and a y-axis labeled with percentages. The implementation uses `d3.scaleLinear` for both axes, `d3.axisBottom` and `d3.axisLeft` for tick marks, and `d3.group` with `d3.mean` to aggregate monthly rates by year. The SVG rendering is responsive, with the chart width adapting to the viewport.

73% match

D3 - Diverging bar chart

This diverging bar chart visualizes GDP per capita across various countries, with bars extending in opposite directions from a central zero baseline to highlight positive and negative values. The chart uses a red-blue diverging color scale (`d3.scaleDiverging` with `d3.interpolateRdBu`) to encode magnitude, while the x-axis uses a band scale for categorical placement and the y-axis a linear scale. Rendered as SVG, the visualization is built with D3 v7, includes axes via `d3.axisBottom` and `d3.axisLeft`, and adds a color legend using the `d3-legend` library. Data is loaded from a CSV file hosted on GitHub.

CChandana Srinivas

71% match

Kkfhujosefsson@dons.usfca.edu

Fork of Fork of Line Chart - Covid Cases per day in Sweden October 2020

This line chart shows global unemployment rate trends from 1991 to 2023, plotting yearly averages calculated from monthly or quarterly data grouped by year. The visualization uses d3.csv to load data from a Gist URL, d3.group with d3.mean to aggregate values per year, and d3.scaleLinear with d3.line and curveMonotoneX to render a smooth SVG path. Axes are generated with d3.axisBottom and d3.axisLeft, including percentage formatting for the y-axis and rotated tick labels for the x-axis.

70% match

Infovis

This example displays municipal income-tax rates for Swedish regions as a bar chart, with each bar’s height mapped to the tax percentage. The code uses D3 v5’s `scaleBand` and `scaleLinear` to set the x- and y-axis ranges, and appends SVG rectangles bound to the CSV data. While the script logs the parsed numeric values for all eight dataset columns, only the tax-rate column is visualized. The bars are positioned without explicit x-coordinates, relying on D3’s band scale to place them sequentially across the width.

70% match

Infovis

This example shows a bar chart of municipal income tax rates for Swedish regions, with each region listed on the y-axis and its tax rate represented by the bar length on the x-axis. It uses d3.csv to load the data, d3.scaleLinear and d3.scaleBand for the scales, and d3.axisLeft to render the region labels. The SVG rendering approach draws steelblue rectangles for each bar.

Infovis

A horizontal bar chart shows municipal income tax rates across Swedish regions, sorted by region name. The chart uses D3 v5 with a scaleLinear for the x-axis and scaleBand for the y-axis, rendering SVG rectangles whose widths encode each region's tax percentage. Data is loaded from a CSV file containing regional statistics, with axes generated via axisBottom and axisLeft.

Infovis

Fork of Line Chart - Covid Cases per day in Sweden October 2020

This line chart tracks daily COVID-19 cases in Sweden during October 2020, with a shaded area under a monotone-smoothed curve, interactive hover points that reveal tooltips with exact values, and a dashed red line marking the average case count. The visualization also annotates the peak case day. Built with D3 v7, it uses SVG paths for the line, area, and axes, while d3.csv loads the external data and d3.scaleTime and d3.scaleLinear map dates and case numbers to positions. Responsive dimensions and hover transitions enhance the interactive experience.

NNita