Skip to main content
Log in
N

npollakm

@npollakm·8 public vizzes

Loading thumbnail…

Police shootings

This scatterplot shows the relationship between the number of police shootings and median household income across U.S. locations from 2015 to 2017, using data from the Washington Post. Red semi-transparent circles represent each data point. The visualization is built with D3 v5, using `scaleLinear` for both axes, `axisBottom` and `axisLeft` for the labeled axes, and SVG circles appended to a group element. Data is loaded via the `csv` method from a remote dataset hosted on VizHub.

Oct 25, 2019
Loading thumbnail…

Police shootings

This scatterplot displays the relationship between fatal police shootings and median household income across U.S. states from 2015–2017, using Washington Post data. Each red semi-transparent circle represents a state, with police shooting counts on the x-axis and median income on the y-axis. The visualization is built with d3.v5, using scaleLinear, axisBottom, axisLeft, and extent to map data to SVG coordinates. Axes include labeled ticks and gridlines, while the title and axis labels are positioned manually within the SVG margin.

Oct 25, 2019
Loading thumbnail…

Police shootings

This scatterplot shows the relationship between police shootings and median household income across U.S. states, using data from the Washington Post (2015-17). Each red semi-transparent circle represents a state, positioned by its shooting count and median income. The visualization uses D3 v5 with `d3.scaleLinear`, `d3.axisLeft`, and `d3.axisBottom` to render an SVG chart with gridlines, axis labels, and a title. The dataset is loaded via `d3.csv` from a VizHub-hosted CSV file.

Oct 25, 2019
Loading thumbnail…

Police shootings

This scatterplot shows the relationship between the number of police shootings and median household income across U.S. locations from 2015 to 2017, using data from the Washington Post. Red semi-transparent circles represent each data point. The visualization is built with D3 v5, using `scaleLinear` for both axes, `axisBottom` and `axisLeft` for the labeled axes, and SVG circles appended to a group element. Data is loaded via the `csv` method from a remote dataset hosted on VizHub.

Oct 25, 2019
Loading thumbnail…

Police shootings

This scatterplot displays police shootings versus median household income for U.S. states, using data from the Washington Post (2015–17) sourced via a CSV from VizHub. Each red semi-transparent circle represents a state, positioned by its shooting count and income value, with labeled axes and a title. The visualization uses D3 v5’s `scaleLinear`, `axisBottom`, `axisLeft`, and `extent` to map data, and renders as SVG. Circle opacity and fill are styled via CSS, while the code defines margins and axes before appending the data points.

Oct 25, 2019
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository’s Auto MPG dataset. Each red circle represents a car, with its position determined by the d3.scaleLinear scales for the x- and y-axes, and the chart includes labeled axes and a title. The code loads CSV data via d3.csv, converts numeric fields, and renders the SVG using d3.axisBottom and d3.axisLeft for the axes, with styling from external CSS.

Oct 25, 2019
Loading thumbnail…

Cars Scatter Plot

This scatter plot displays the relationship between horsepower and weight for a collection of cars, with each point representing a vehicle. The visualization uses D3 v5’s `scaleLinear` for axes, `axisLeft` and `axisBottom` with grid lines, and SVG circles with fixed radius and opacity to show data density. The data is loaded from the UCI Auto MPG dataset via `csv` and parsed into numeric fields, while title and axis labels are added using SVG text elements.

Oct 25, 2019
Loading thumbnail…

Cars Scatter Plot

This scatter plot visualizes the relationship between horsepower and weight for cars from the UCI Machine Learning Repository's Auto MPG dataset. Red, semi-transparent circles represent each car, with the plot showing a clear positive correlation between the two variables. Built with D3.js v5, the visualization uses `scaleLinear`, `extent`, `axisBottom`, and `axisLeft` to construct the axes, while loading data via the `csv` function. The SVG rendering includes axis labels, grid lines, and a title, with styling applied through an external CSS file.

Oct 25, 2019