Skip to main content
SimilarExport ZIP
100%

Total Salary in MLB from Season 13~16

✓ Published0🌍 Public
Wwangjonathan
Last edited Sep 17, 2018
Created on Sep 15, 2018

This line chart visualizes the total team salaries across Major League Baseball from 2013 to 2016, aggregated by season using `d3.nest` and `d3.sum`. The chart plots season years on a time scale and salary totals on a linear scale, with a smoothed line generated by `d3.line` and `curveBasis`. Axes are rendered using `d3.axisBottom` and `d3.axisLeft`, with tick labels formatted via `d3.format` and `d3.timeFormat`. The data comes from Statcrunch’s MLB Team Stats 2013–2016 dataset, loaded via `d3.csv`.

AI-generated description

This line chart shows total salaries from all the teams in MLB from 2013 ~ 2016. The data comes from Statcrunch - MLB Team Stats 2013-2016.

MIT Licensed

Similar vizzes

Loading thumbnail…

2018 World Champions

This bar chart displays the 2019 salaries of active Boston Red Sox players, highlighting that the highest salary exceeds five times the tenth-highest value. The visualization uses D3 v5’s `scaleLinear` and `scaleBand` to map salary data from a CSV file, with red bars rendered as SVG rectangles. Axis labels and a title are added via `axisBottom` and `axisLeft`, while tick lines and domains are customized. Data originates from Spotrac as of 07-May-2019.

BBirmanTAZ
69% match
Loading thumbnail…

Activity_7_Question_2

This area chart displays the total salary for each NBA team, with team names on the x-axis and salary values on the y-axis. The visualization uses a steelblue filled area path, with black dots marking each team’s salary value and text labels above them. Built with D3 v6, the chart employs `d3.scaleBand`, `d3.scaleLinear`, and `d3.area` to generate the SVG path, while CSV data is loaded asynchronously from a GitHub repository. The chart includes rotated x-axis labels and gridlines via `d3.axisBottom` and `d3.axisLeft`.

SSai Sandhya Nannapaneni
67% match
Loading thumbnail…

bar chart

This bar chart visualizes English Premier League player salaries, showing each player’s annual earnings in pounds as horizontal bars sorted along the y-axis. The chart uses D3.js v7 with an SVG rendering approach, employing `d3.scaleLinear` for the x-axis and `d3.scaleBand` for categorical player names. It loads CSV data from a GitHub gist, formats salary values from text to numeric, and adds interactive tooltips on mouseover using D3 event handlers. Gridlines and axis labels provide additional context for comparing salary magnitudes.

Yyashaswisanjanaaerra@my.unt.edu
66% match
Loading thumbnail…

2018 World Champions - Red Sox!

A horizontal bar chart displays 2019 payroll salaries for active Red Sox players, sourced from Spotrac, with values in millions of dollars. The bar lengths vary dramatically, as the highest salary is over five times the lowest. Built with D3 v5, the visualization uses `scaleLinear` for the x-axis, `scaleBand` for the y-axis, and renders bars as red SVG `rect` elements. Axis labels and a title are drawn using SVG `text` elements, and the scene is styled with an external CSS file.

BBirmanTAZ
66% match
Loading thumbnail…

Customizing Axes

This bar chart displays the payroll salaries of the top ten active Red Sox players, with dollar amounts read from a CSV file. The example showcases how to customize D3 axes using `d3.axisBottom` and `d3.axisLeft`, including tick formatting that abbreviates large numbers, removal of domain lines, and added axis labels. The SVG chart uses `d3.scaleLinear` and `d3.scaleBand` for positioning, with styling applied via external CSS.

BBirmanTAZ
65% match
Loading thumbnail…

Data Table Summary

This example displays a summary of an MLB team statistics dataset from 2013–2016, sourced from Statcrunch. It shows the total number of rows, columns, and file size in kilobytes, followed by the first ten rows of data formatted as JSON. Using D3 v5, the visualization loads the CSV data with `d3.csv` and `csvFormat`, then appends the summary and preview to the page as `pre` elements. The black background and green monospaced text evoke a terminal interface.

Wwangjonathan
64% match
Loading thumbnail…

linechart

This line chart visualizes the cost of sales from 2000 to 2013, using data from a CSV file with yearly cost values. The chart renders as an SVG, with a light green line connecting data points. The visualization is built with D3 v7, utilizing `d3.csv` for data loading and parsing, `d3.scaleBand` for the x-axis, and `d3.scaleLinear` for the y-axis, with the line drawn using `d3.line`.

Lleftymadi
63% match
Loading thumbnail…

Salary bullet

This bullet chart displays salary progression over time, with each salary increase represented as a yellow vertical band over a teal background. The chart uses d3.scaleLinear to map salary amounts from $0 to $100,000 onto the horizontal axis, with data drawn from four dated salary records. The visualization is rendered as SVG using d3.select and appends rectangle and line elements to show the cumulative salary range and each update point.

FFernando Guillen
63% match