dabreadman (YI XIANG TAN)

@dabreadman·3 public vizzes

Github API Visualisation

This bar chart visualizes mutual following counts among GitHub users, ranking each contributor by the number of mutual connections they share. The data is loaded from a CSV file, with counts parsed as numbers and rendered as horizontal bars. Using D3 v5, the visualization employs `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and `axisBottom` and `axisLeft` for tick marks. The SVG output styles bars in steelblue, with axes and labels generated programmatically from the data.

Jan 4, 2021

Loading thumbnail…

Fork of Making a Bar Chart

This horizontal bar chart displays the count of contributions per GitHub login, sorted by the login name. It uses D3 version 5 APIs including `scaleBand` and `scaleLinear` to map the data, and `axisLeft` for the y-axis. The chart reads from a CSV file, and the bars are rendered as SVG rectangles filled with steelblue using the `svg.append` method. The data is parsed to convert string counts to numbers before the chart is generated.

Jan 4, 2021

Loading thumbnail…

Fork of Making a Bar Chart

This fork of a D3 bar chart displays the top 10 most populous countries based on 2018 United Nations estimates. Using D3 v5, the SVG visualization customizes both axes: the left axis labels are stripped of their domain line, while the bottom axis uses a `.3s` format that converts billions (G) to billions (B). The chart also removes the x-axis domain line and adds custom axis and title labels. Data is loaded from a CSV file and population values are multiplied by 1000.

Jan 4, 2021