Akbar Nafisa

@akbarnafisa·3 public vizzes

Fork of Satellites Scatter Plot

This scatter plot shows the relationship between satellite launch year and launch mass, using data from the Union of Concerned Scientists. Each red circle represents a satellite, with x-position mapped by launch year and y-position by launch mass in thousands of kilograms. The visualization uses D3 v5 with `scaleTime` for the year axis and `scaleLinear` for the mass axis, rendering circles as an SVG overlay. The overlapping semi-transparent circles reveal density structures, highlighting clusters of similar launch masses over time.

Jun 20, 2024

Loading thumbnail…

Fork of Dishonest Bar Chart

This bar chart displays population estimates for the top 10 most populous countries from the 2018 United Nations World Population Prospects, intentionally omitting a zero baseline to illustrate how truncated axes exaggerate visual differences. The chart uses d3.scaleLinear and d3.scaleBand to map population values and country names, rendering horizontal bars as SVG rectangles. Axis tick labels are formatted with d3.format, and the data is loaded from a CSV file via d3.csv. The design highlights a common data-visualization pitfall rather than following best practices.

Jun 20, 2024

Loading thumbnail…

Fork of Responsive Bar Chart

This responsive bar chart visualizes the top 10 countries by total population as of January 1, using data from the UN Population Estimates 2024. It displays population values in thousands along the y-axis and country names along the x-axis, with a light gray inner rectangle framing the plot area. The visualization uses d3's `scaleBand` and `scaleLinear` to map data to positions, while the `@curran/responsive-axes` library handles axis rendering and `@curran/responsive-axes`'s `observeResize` function automatically adapts the chart to its container’s dimensions.

Jun 20, 2024