BigDataVisClass

@BigDataVisClass·3 public vizzes

Cars Scatter Plot

This scatter plot displays Pokémon data, mapping each creature’s height on the x-axis and weight on the y-axis using logarithmic scales from d3.scaleLog. Red semi-transparent circles are rendered via SVG, with axes and labels generated through d3.axisBottom and d3.axisLeft. The data is loaded as CSV from the pokemon.csv dataset using d3.csv, with numeric parsing applied to height and weight values. The visualization is built with d3 v5, using the select, extent, and scaleLog APIs.

May 14, 2019

Loading thumbnail…

Customizing Axes

This bar chart displays the top 10 most popular dog breeds by registration count, using horizontal bars sorted from highest (Labrador Retriever) to lowest (Miniature Schnauzer). The visualization demonstrates customized D3 axes: the y-axis has its domain and tick lines removed, while the x-axis uses a custom tick format that abbreviates large numbers (e.g., converting 'G' to 'B') and extends grid lines across the plot area. Built with D3 v5, the code uses `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to construct the scales and axes, with data loaded from a CSV file.

May 7, 2019

Loading thumbnail…

Making a Bar Chart

This example displays the population of the top 10 most populous dog breeds as a horizontal bar chart, using data from a local CSV file. The visualization uses d3.scaleLinear and d3.scaleBand to map population and breed names to x and y positions, with d3.axisLeft and d3.axisBottom rendering the axes. Bars are appended as SVG rectangles whose widths are proportional to population values, and the chart is rendered with a steelblue fill and a fixed SVG viewport.

May 7, 2019