Data Visualization Project
in
Share your Work
•
5 months ago
Ive just finished my Data Visualization project but i feel as if its too plain and simple. If you have any ideas to spice it up, please let me know. Here is the code.
void setup()
{
size(900,700);
smooth();
background(0, 0, 255);
for( int i=120; i<=520; i+=100)
{
line(140, i, 600, i);
//line(i, 100, i, 560);
}
for( int i=220; i<560; i+=100)
{
line(i, 60, i, 620);
}
}
{
size(900,700);
smooth();
background(0, 0, 255);
for( int i=120; i<=520; i+=100)
{
line(140, i, 600, i);
//line(i, 100, i, 560);
}
for( int i=220; i<560; i+=100)
{
line(i, 60, i, 620);
}
}
void draw()
{
textSize(12);
//Columns
fill(255);
text("Points/Game", 190, 50);
text("Rebounds/Game", 280, 50);
text("Assists/Game", 390, 50);
text("Steals/Game", 490, 50);
//Lebron James Stats
fill(255,255,0);
text("Lebron James", 25, 125);
ellipse(220, 120, 53, 53);
ellipse(320, 120, 41, 41);
ellipse(420, 120, 63, 63);
ellipse(520, 120, 39, 39);
//Dwyane Wade Stats
fill(255,0,0);
text("Dwyane Wade", 25, 225);
ellipse(220, 220, 42, 42);
ellipse(320, 220, 26, 26);
ellipse(420, 220, 44, 44);
ellipse(520, 220, 43, 43);
//Chris Bosh Stats
fill(0,255,0);
text("Chris Bosh", 25, 325);
ellipse(220, 320, 33, 33);
ellipse(320, 320, 35, 35);
ellipse(420, 320, 15, 15);
ellipse(520, 320, 21, 21);
//Mario Chalmers Dots
fill(0,255,255);
text("Mario Chalmers", 25, 425);
ellipse(220, 420, 17, 17);
ellipse(320, 420, 15, 15);
ellipse(420, 420, 30, 30);
ellipse(520, 420, 35, 35);
//Ray Allen Dots
fill(255,0,255);
text("Ray Allen", 25, 525);
ellipse(220, 520, 22, 22);
ellipse(320, 520, 15, 15);
ellipse(420, 520, 15, 15);
ellipse(520, 520, 20, 20);
//Scaler
fill(255);
ellipse(720, 200, 200, 200);
fill(0);
text("100% Circle", 685, 200);
textSize(30);
text("Dot Chart", 25, 50);
}
{
textSize(12);
//Columns
fill(255);
text("Points/Game", 190, 50);
text("Rebounds/Game", 280, 50);
text("Assists/Game", 390, 50);
text("Steals/Game", 490, 50);
//Lebron James Stats
fill(255,255,0);
text("Lebron James", 25, 125);
ellipse(220, 120, 53, 53);
ellipse(320, 120, 41, 41);
ellipse(420, 120, 63, 63);
ellipse(520, 120, 39, 39);
//Dwyane Wade Stats
fill(255,0,0);
text("Dwyane Wade", 25, 225);
ellipse(220, 220, 42, 42);
ellipse(320, 220, 26, 26);
ellipse(420, 220, 44, 44);
ellipse(520, 220, 43, 43);
//Chris Bosh Stats
fill(0,255,0);
text("Chris Bosh", 25, 325);
ellipse(220, 320, 33, 33);
ellipse(320, 320, 35, 35);
ellipse(420, 320, 15, 15);
ellipse(520, 320, 21, 21);
//Mario Chalmers Dots
fill(0,255,255);
text("Mario Chalmers", 25, 425);
ellipse(220, 420, 17, 17);
ellipse(320, 420, 15, 15);
ellipse(420, 420, 30, 30);
ellipse(520, 420, 35, 35);
//Ray Allen Dots
fill(255,0,255);
text("Ray Allen", 25, 525);
ellipse(220, 520, 22, 22);
ellipse(320, 520, 15, 15);
ellipse(420, 520, 15, 15);
ellipse(520, 520, 20, 20);
//Scaler
fill(255);
ellipse(720, 200, 200, 200);
fill(0);
text("100% Circle", 685, 200);
textSize(30);
text("Dot Chart", 25, 50);
}