D3byEX 5.10: Walking Dead Viewership

100%

D3byEX 5.10: Walking Dead Viewership

✓ Published0🌍 Public

Last edited Nov 20, 2015

Created on Aug 10, 2016

A bar chart displays US viewership numbers for each episode of The Walking Dead's fifth season, sourced from a JSON dataset. The visualization uses D3 version 3 to render an SVG graphic, with bars scaled proportionally to viewer counts and episode titles rotated on the x-axis. The code employs `d3.scale.ordinal` with `rangeBands` to position bars, `d3.scale.linear` for the y-axis, and `d3.svg.axis` to construct both left and bottom axes, with custom styling applied to axis nodes.

AI-generated description

Similar vizzes

Loading thumbnail…

Bar Graph

This bar graph displays TV show ratings from a CSV file, sorting each show’s average rating as a horizontal bar. Built with D3 v6, it uses `scaleLinear` and `scaleBand` to map rating values and show names, with axes rendered via `axisLeft` and `axisBottom`. The SVG rendering loads data asynchronously with `csv()`, parses numeric values, and draws steelblue rectangles sized by each rating.

NNoobSaiyan

70% match

Loading thumbnail…

D3 in Action Chapter 5 - Example 10

This example demonstrates a stacked bar chart built with D3.js version 3.5.5, using the `d3.layout.stack()` API to layer six movie data series across 142 days. The visualization shows stacked rectangles representing daily values for each movie, with color encoding via `d3.scale.category10`. The chart includes custom axes rendered as SVG lines, with a numeric x-axis and y-axis displaying tick marks and gridlines. Data is loaded from an external CSV file (movies.csv) and rendered as SVG elements within a 500x500 pixel container. The code applies linear scales for positioning and height mapping, with bars drawn using SVG `rect` elements.

RRoxIv

70% match

Loading thumbnail…

Lets make me a ZOMBIE d3 js

A horizontal bar chart displays population data for seven countries, with bars extending rightward from a blue axis on a red SVG background. The visualization uses D3 v5 within a React framework, loading CSV data via `d3.csv` and scaling values with `d3.scaleLinear` and `d3.scaleBand`. Axes are rendered using `d3.axisLeft` and `d3.axisBottom`, while rectangle elements encode the population magnitudes. The chart populates dynamically from the data file, with text labels styled at a large font size.

VVPTomi

69% match

Loading thumbnail…

D3 Bar Chart

This interactive D3 v4 bar chart displays two datasets of numbers as vertical steel-blue bars with value labels and a y-axis. Clicking the Update button toggles between a 10-element ascending dataset and an 8-element descending one, demonstrating the enter, update, and exit pattern. The code uses d3.scaleLinear for the y-scale, d3.axisLeft for the axis, and transition().duration(500) to smoothly animate bar heights, positions, widths, and labels when the data changes. SVG rendering handles all visual elements.

MMaxBotta

68% match

Loading thumbnail…

D3

This example shows a horizontal bar chart of population data for ten countries, with population values scaled by a factor of 1,000. The visualization uses D3 v5 to load the CSV, create linear and band scales, and render SVG rectangles with axes. The code demonstrates `d3.csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom`, and the chart is built within a React context, with the SVG element targeted by `d3.select`. The bars are styled with steelblue fill, and axes are labeled with a custom font size.

JJeffrey Miiller

68% match

Loading thumbnail…

D3 Exercise - Bar Chart

This bar chart displays population figures for a country from 2014 through 2019, with the values scaled to represent thousands. Built with D3 v6, the visualization uses `scaleLinear` and `scaleBand` to map populations to horizontal bars, while `axisLeft` and `axisBottom` generate the chart’s axes. Data is loaded from a CSV file and rendered as SVG rectangles, with the bars colored steelblue and text labels in grey.

Ddavidvanr21

68% match

Loading thumbnail…

D3 in Action Chapter 5 - Example 10

This example demonstrates a stacked bar chart built with D3.js (version 3.5.5), visualizing daily ratings for six movies over 140 days. The visualization uses `d3.layout.stack()` to compute the stacking offsets for each movie’s values, then renders the bars as SVG `<rect>` elements. Axes are generated with `d3.svg.axis()`, including gridlines, while categorical colors are assigned via `d3.scale.category10()`. The chart loads data from an external CSV file (`movies.csv`), which contains integer ratings for each movie per day, and maps those values to vertical bar heights and horizontal positions.

RRoxIv

68% match

Loading thumbnail…

D3 in Action Chapter 5 - Example 10

This example shows a stacked bar chart representing six movies’ daily ratings over a 140-day period. The chart uses the `d3.layout.stack()` API to compute stacked values for each movie, then renders them as colored rectangles within an SVG. Data is loaded from a CSV file via `d3.csv`, and axes are drawn using `d3.svg.axis()` with linear scales. The visualization uses a categorical color scale (`d3.scale.category10`) to distinguish each movie.

RRoxIv

68% match