James Eanes - VI5

100%

James Eanes - VI5

✓ Published0🌍 Public

Last edited Feb 20, 2016

Created on Feb 20, 2016

This example contrasts an unjustified 3D Excel line chart with its standard 2D counterpart, using passing yards data from a football dataset. It demonstrates how the 3D version introduces perspective distortion and occlusion, making it harder to identify peak values despite adding no structural insight. The second chart, a plain Excel line graph, conveys the same data clearly and effortlessly. The visualizations are created entirely in Microsoft Excel, relying on its native charting capabilities rather than any external libraries.

AI-generated description

James Eanes - VI5

I used Excel to demonstrate unjustified 3D (perspective distortion), using the passing yards data from the football dataset. The rule of thumb is to not use 3D unless it is justified, typically only in cases where there is a benefit in seeing the structure of a dataset (e.g., wind tunnel data; architectural designs; etc.). Using 3D without good reason can lead to problems understanding the data being visualized, inluding perspective distortion and occlusion.

The first figure below shows Excel's attempt at turning a simple line graph of passing yards into 3D; it clearly provides no additional value and distorts the line graph; specifically, it takes extra effort to verify the highest data values due to the angle of the axes. The second figure shows a standard line graph in Excel, which is simple, easy to understand, and all that is necessary for this data.

Unnecessary 3D in Excel

unnecessary3d

Standard Line Graph in Excel

standardgraph

Similar vizzes

Loading thumbnail…

James Eanes - VI9

This scatterplot displays college quarterbacks by passing and rushing yards, initially showing only the top five ranked players with a button to expand the view to all quarterbacks. Dots are colored using a five-class ColorBrewer Blues ordinal scale based on rank, with hover tooltips revealing player details. The visualization is built with D3.js v3, using SVG rendering, linear scales, axes, and event handlers for interactive filtering and tooltip display.

JJamestiberiuseanes

67% match

Loading thumbnail…

ICW2 - James Eanes

This visualization combines a scatterplot matrix and bar charts to explore college football passing and rushing statistics. The scatterplot matrix, generated with R’s base `pairs()` function, displays pairwise relationships between passing yards, passing touchdowns, passer rating, rushing yards, and rushing touchdowns. The horizontal bar chart, built with `ggplot2`, shows each player’s passing yards, using conference as a fill color via `aes(fill=stats$Conf)`. A third chart uses `stat_summary(fun.y="mean", geom="bar")` to display average passing yards per conference. Data comes from a CSV file (`passing-stats-2014.csv`).

JJamestiberiuseanes

67% match

Loading thumbnail…

James Eanes - VI8

This interactive scatterplot visualizes the relationship between passing and rushing yards for college football quarterbacks in the 2014 season, with each dot representing a player. The view groups teams by conference affiliation (Power Five, Group of Five, or Independent) using a categorical color scheme from `d3.scale.category10()` and the ColorBrewer palette. Built with D3 v3, the visualization renders as an SVG with animated tooltips on mouseover, displaying player details. Data comes from the included `passing-stats-2014.csv` file.

JJamestiberiuseanes

67% match

Loading thumbnail…

VI4 - Magnitude as Area

This visualization demonstrates magnitude as area through a pie chart, showing passing yard totals for four quarterbacks with each slice’s size proportional to its count. The chart uses D3.js version 3.5.5, specifically the `d3.layout.pie` and `d3.svg.arc` APIs to compute and draw the arcs, while `d3.scale.category20b()` assigns slice colors. The data is a subset of week 3 passing yardage, rendered as an SVG element within the HTML page.

JJamestiberiuseanes

62% match

Loading thumbnail…

James Eanes - VI7 - Matrix View

This interactive adjacency matrix visualizes network connections between U.S. states, with each cell colored by the connected state's degree count. The SVG rendering uses D3 scales and ordinal bands to position rows and columns, while an animation transitions between sort orders (name, count, group) over 2.5 seconds. Hovering highlights the corresponding row and column labels. The data comes from the contiguous-usa.json file, containing 49 nodes and links defining state boundaries.

JJamestiberiuseanes

60% match

Loading thumbnail…

V5 Reusable Examples - Line Types Chart nested data series 1

This visualization demonstrates how to build a reusable line chart using D3 v5 with nested data series. It plots monthly sales data from a CSV file, displaying sales figures across the months of January through June. The chart uses a time scale for the x-axis and a linear scale for the y-axis, with a steelblue line representing the data. The code follows the ProD3 pattern for reusable chart modules, incorporating margins, axes, and SVG rendering.

JJimMaltby

60% match

Loading thumbnail…

V5 Reusable Examples - Nested data, Chart (line) series - Example 4.1

This example demonstrates how nesting data structures can be used to create a multi-series line chart, plotting monthly sales across three fruit types (strawberry, grape, blueberry) over two years. It uses D3.js v5 with an SVG rendering approach. The chart is built using the ProD3 reusable chart pattern, derived from Mike Bostock’s Towards Reusable Charts, with scales and axes constructed via d3.scaleTime, d3.scaleLinear, d3.scaleOrdinal, and d3.axisBottom and d3.axisLeft. Data is loaded from a CSV file via d3.csv.

JJimMaltby

59% match

Loading thumbnail…

3D Bar chart - Bonus_ICE

This example presents a 3D multi-series bar chart visualizing attrition across departments for three years (2016–2018). It renders the categorical data as extruded bars in a spatial scene, with axes and grid lines for depth perception. The visualization leverages the `d3-x3d` library, which bridges D3.js v5 with X3DOM for WebGL-based 3D output. Data is loaded asynchronously from a CSV file using `d3.csv` and parsed into key-value pairs, then bound to the chart via `chartHolder.datum(data).call(myChart)`. The demo also includes sample random data generation for initial display before the real dataset loads.

HHema1430

59% match