index.html
<!DOCTYPE html>
<html>
<head>
<title>LAL NBA Player Scoring Bar Chart</title>
<style>
body {
margin: 0;
overflow: hidden;
}
.tick text {
font-size: 7px;
}
</style>
<script src="https://unpkg.com/d3@6.7.0/dist/d3.min.js"></script>
</head>
<body>
<script>
const {
csv,
select,
scaleLinear,
scaleSequential,
scaleBand,
interpolatePuRd,
extent,
axisLeft,
axisBottom,
max
} = d3;
const csvUrl = [
'https://gist.githubusercontent.com/',
'yichenlilyc/', // User
'e82f39f103162cda7efc2c5662e203fd/', // Id of the Gist
'raw/d526302025813404d685b25e80dfce8b8774276d/', // commit
'NBAPlayerState.csv', // File name
Description:
The bar chart visualizes the NBA Player State Dataset. It is designed to depict LAL players score per game in 2020-2021 season.
Representation:
- X-axis: Player's name
- Y-axis: Score
- Bar: Each bar represents a player in LAL.
MIT Licensed