Skip to content

Instantly share code, notes, and snippets.

var BASEBALL_ANIM_APP = {
url: 'spraychart.json',
data: [],
eventsData: [],
activeIndex: null,
activeEvent: '',
var PITCH_APP = {
url: 'pitchplot.json',
eventsData: [],
activeEvent: null,
data: [],
activeIndex: null,
var BASEBALL_ANIM_APP = {
url: 'spraychart.json',
data: [],
eventsData: [],
activeIndex: null,
activeEvent: '',
circle.ball.active{
fill: #ff0000;
}
circle.ball.hovered{
fill: #c6c6c6;
}
table {
border-collapse: collapse;
}
circle.ball.active{
fill: #ff0000;
}
circle.ball.hovered{
fill: #c6c6c6;
}
table {
border-collapse: collapse;
}
{
"RECORDS": [
{
"playID": "682",
"eventName": "Chandler World Tryouts",
"eventDate": "16/12/2017 23:47:23",
"eventID": "7",
"name": "Caden Connell",
"presult": "Ball",
"pitchvelo": "70.557",
var BASEBALL_ANIM_APP = {
url: 'spraychart.json',
data: [],
eventsData: [],
activeIndex: null,
activeEvent: '',
.fa-rotate-45 {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.fa-rotate-315 {
-webkit-transform: rotate(315deg);
<!DOCTYPE html>
<meta charset='utf-8'>
<html>
<head>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet">
<link rel='stylesheet' href='style.css'>
</head>
<body>
<div class="container-fluid">
.fa-rotate-45 {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.fa-rotate-315 {
-webkit-transform: rotate(315deg);