Skip to content

Instantly share code, notes, and snippets.

@k-izzo
Last active August 29, 2015 14:02
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save k-izzo/98d32d24548bd341ab4d to your computer and use it in GitHub Desktop.
Save k-izzo/98d32d24548bd341ab4d to your computer and use it in GitHub Desktop.
redmoon dreams map (2014.06.12 version)
<!DOCTYPE html>
<meta charset="utf-8">
<head><link rel='stylesheet' type='text/css' href='style.css'></head>
<body>
<div id='head'></div>
<div id='container'>
<span id='left'></span>
<span id='right'></span>
</div>
<script src='http://d3js.org/d3.v3.js'></script>
<script src='http://d3js.org/topojson.v1.min.js'></script>
<script src="tabletop.js"></script>
<script src='script.js'></script>
X name age landmark memory intersection imageurl caption directurl lat lng
0 Gus 8 In 2008 I met Dylan for the first time. California and 56th street 41.78978140966761 -87.68839442941903
1 Clarence 9 I skidded and twisted my knee. Western and 45th street 41.818597626992336 -87.68840376102952
2 Inez 9 I had strawberry icec cream with my cousin and my dad. Pulaski and 47th street 41.80756026733327 -87.71862912810971
3 Jorge 9 I remember when my dad fell in the snow. Kedzie and 59th street 41.78221214354673 -87.70368939056245
4 Franklin 8 On September 23rd, 2011 my baby sister was born. Homan and 55th street 41.79014045859047 -87.70666222973792
5 Jillian 8 My first house. Avers and Wrightwood 41.924306409036625 -87.72759975934416
6 Kevin 9 Love buried in the backyard. Western and Palmer 41.92552328914133 -87.69251009798265
7 Kelly 9 Skinner Park I played on the swings and slide. Adams and Racine 41.88523761675907 -87.65909184878902
8 NA Racine and Adams http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/photo1-28_zps894b65b1.jpg.html?filters[user]=139727381&filters[recent]=1&sort=1&o=4 I changed my mind! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo1-28_zps894b65b1.jpg 41.87255249196712 -87.66328129598897
9 NA Washington and Randolph http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/photo2-26_zpsadafa67c.jpg.html?filters[user]=139727381&filters[recent]=1&sort=1&o=2 It was as shiny as a Las Vegas sign! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo2-26_zpsadafa67c.jpg 41.88613336650544 -87.66223791880051
10 Gabby 9 Harpo Studios Introduction to who Redmoon is, what we make, why we make it, and how Randolph and Carpenter 41.882419789637154 -87.65235163076728
11 NA Monroe and Ashland http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/BillyGoat124_zps89e28f31.jpg.html?sort=3&o=11 Thousands of people come to eat in the games! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/BillyGoat124_zps89e28f31.jpg 41.88003349793502 -87.67285900877538
12 Devin 9 Billy Goat Tavern I eat there and play games. Madison and Ogden 41.88319499601394 -87.66179845940799
13 NA Wacker and Adams http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/photo3-14_zpsdbe25e07.jpg.html?filters[user]=139727381&filters[recent]=1&sort=1&o=3 It was tallest in the world from 1973-1998! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo3-14_zpsdbe25e07.jpg 41.87504925502714 -87.63340054232692
14 Melania 9 Willis Tower I like to fly. Jackson and Franklin 41.8799981695916 -87.63190223931373
15 NA Sangamon and Hubbard http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/TrainStop124_zps6bf4b1ab.jpg.html?sort=3&o=19 http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/TrainStop124_zps6bf4b1ab.jpg 41.895337220541265 -87.65492736603365
16 Donovan 9 Green Line "L" Stop Lots of people go on my train. Lake and Kedzie 41.88183888114634 -87.70900809641799
17 NA Wacker and Adams http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/GreenWillis124_zpsc4ece41a.jpg.html?sort=3&o=17 It is super tall and super black as the night! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/GreenWillis124_zpsc4ece41a.jpg 41.88208436816398 -87.63850181076229
18 Ari NA Willis Tower It is as black as a cat. Wacker and Adams 41.88189620507758 -87.63043131383706
19 NA Michigan and Monroe http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/Skyline124_zps955b1ec0.jpg.html?sort=3&o=8 http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/Skyline124_zps955b1ec0.jpg 41.87906279393467 -87.62387110451459
20 Hannah 9 The Cone Its my favorite place to go and they have the biggest gum balls on the block. Aberdeen and Madison 41.88239788270661 -87.66058383629033
21 NA Aberdeen and Monroe http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/TheCone124_zps405d8a5c.jpg.html?sort=3&o=21 They make ice cream from scratch! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/TheCone124_zps405d8a5c.jpg 41.87852275505231 -87.6505331499239
22 NA Monroe and Racine http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/photo4-14_zpsf1b34bde.jpg.html?filters[user]=139727381&filters[recent]=1&sort=1&o=5 It is made out of solid brick! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo4-14_zpsf1b34bde.jpg 41.874362034708135 -87.65465632078647
23 NA Navy Pier http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/photo-219_zps19b244b7.jpg.html?filters[user]=139727381&filters[recent]=1&sort=1&o=0 It is the best place like in a picture! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo-219_zps19b244b7.jpg 41.89423026998022 -87.63618980078822
24 NA Kinzie and Canal http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/OldestBridge_zps2d213b05.jpg.html?sort=3&o=18 This bridge is long and old! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/OldestBridge_zps2d213b05.jpg 41.89139869580299 -87.64280430033772
25 Anthony 9 Bridge It doesn't go down like all the other bridges. Kingsbury and Canal 41.90248999655313 -87.64804674487095
26 Raven 9 Harpo Studios I walk by it all the time. Washington and Randolph 41.87761082714745 -87.66696008186082
27 NA Wacker and Adams http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/WillisTurquoise_zps9f2998c3.jpg.html?sort=3&o=16 High up in the sky! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/WillisTurquoise_zps9f2998c3.jpg 41.87539500246686 -87.63924798106096
28 Madeline 9 Chicago Fire Academy Honestly, this is where the Great Chicago Fire Started. Clinton and Taylor 41.86478441429172 -87.6442035356644
29 NA Canal and Taylor http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/ChiFireAcademy124_zpsc60a09f2.jpg.html?sort=3&o=7 All is quiet 140 years after the fire. http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/ChiFireAcademy124_zpsc60a09f2.jpg 41.87201870403966 -87.63386194318275
30 NA Clinton and Madison http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/photo1-29_zps08693742.jpg.html?filters[user]=139727381&filters[recent]=1&sort=1&o=0 It reminds me of my old house. I am going back. http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo1-29_zps08693742.jpg 41.877123311644596 -87.6441721720696
31 Rocco 9 Smith Park I pretend I am in war. Grand and Campbell 41.8976285188291 -87.68613580227253
32 NA Rockwell and Huron http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/Tank124_zps3da8c4fb.jpg.html?sort=3&o=10 I am a king of the world! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/Tank124_zps3da8c4fb.jpg 41.89050545578924 -87.69625755517858
33 NA Cloud Gate Its a mirror big and round. Michigan and Monroe http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/TheBean124_zpsa3100131.jpg.html?sort=3&o=9 The artist who made it is going to see what he did! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/TheBean124_zpsa3100131.jpg 41.883629121462064 -87.62006636352181
34 NA Skydeck I feel small like a car. Wacker and Adams http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/photo2-27_zps33ce1889.jpg.html?filters[user]=139727381&filters[recent]=1&sort=1&o=1 I go on it and see a lot of things! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo2-27_zps33ce1889.jpg 41.878910113602046 -87.63824220883835
35 Aryan 9 Union Station I like tours, pizza, coffee, chocolate. Jackson and Canal 41.87948794681842 -87.63885445785463
36 NA Adams and Canal http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/UnionStation_zps6277593d.jpg.html?sort=3&o=12 The noise of the trains! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/UnionStation_zps6277593d.jpg 41.87518141827611 -87.63774749697008
37 Jakui 9 The Cone The candy. Aberdeen and Madison 41.88275769868109 -87.65334538878216
38 NA Aberdeen and Morgan http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/ConeBlue_zps0bd27d6b.jpg.html?sort=3&o=14 A lot of people come here when its hot and sunny. http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/ConeBlue_zps0bd27d6b.jpg 41.70122301570814 -87.65598868581192
39 NA Wacker and Adams http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/photo1-30_zpsd9a38a75.jpg.html?sort=3&o=13 http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo1-30_zpsd9a38a75.jpg 41.879269832876986 -87.6427750307454
40 NA Madison and Damen http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/211UnitedCenter_zps2893a6cd.jpg.html?sort=3&o=27 "Madhouse on Madison"! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/211UnitedCenter_zps2893a6cd.jpg 41.87626342744625 -87.67371128202814
41 Michael 9 Chicago History Museum I went on a field trip. Clark and LaSalle 41.91134158178599 -87.63408982535195
42 NA Clark and North http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/photo4-17_zps1fe918da.jpg.html?sort=3&o=5 It's full of history! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo4-17_zps1fe918da.jpg 41.916160997375265 -87.63149140059961
43 Stone 9 John Hancock Center 1972-74, 113 floors Michigan and Delaware 41.90587042813401 -87.62362339213405
44 NA Michigan and Chestnut http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/photo3-15_zps71f1c3bd.jpg.html?sort=3&o=11 39 million dollars! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo3-15_zps71f1c3bd.jpg 41.89956651706176 -87.62999659865169
48 NA Monroe and Seeley http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/photo1-32_zps182d9bcb.jpg.html?sort=3&o=8 This is the place it happened. http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo1-32_zps182d9bcb.jpg 41.88500866404916 -87.68127035157043
49 Sophia 9 Mary Bartelme Park The gateway to the park and the mist of water cools us off. Peoria and Adams 41.87459335430926 -87.64759743760085
50 Sophia NA Peoria and Monroe http://s1375.photobucket.com/user/RedmoonSchools/media/photo2-30_zpsc4b4ec8d.jpg.html?filters[user]=139727381&filters[recent]=1&sort=1&o=12 3 Gallons of water per minute! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/photo2-30_zpsc4b4ec8d.jpg 41.88641522918364 -87.65193288079543
51 Heaven 9 Throop and Adams http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/211Young_zps6e64c962.jpg.html?sort=3&o=12 I get to be free! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/211Young_zps6e64c962.jpg 41.87663217595984 -87.65281216791175
52 Camri 9 Mary Bartelme Park I go there a lot with my dog, play, and in the summer with my family for picnics. Peoria and Adams 41.879851584136766 -87.64873495342337
53 Curtis 9 Michael Jordan Statue It makes me think. Madison and Damen 41.881646982352486 -87.6804205978994
55 Asia 9 Chicago Talent Development Charter HS It makes me think about the people who work hard to build the school. Jackson and Oakley 41.88323544802913 -87.68493158097294
56 NA Adams and Oakley http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/photo2-29_zps20936f52.jpg.html?sort=3&o=2 A lot of people stay in and not a lot come out! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo2-29_zps20936f52.jpg 41.87833139251044 -87.62661931072647
57 Jaylen 9 John Hancock Center I went to the top with my Mom. Michigan and Delaware 41.894005623288635 -87.6226922749507
58 Jaheim 9 Chicago Fire Academy I remember that my Great Great Great Grandma was in the Chicago Fire. Clinton and Taylor 41.87235446685787 -87.64443771317093
59 NA Clinton and DeKoven http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/photo4-16_zps819cd2d6.jpg.html?sort=3&o=0 This new building looks cool! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo4-16_zps819cd2d6.jpg 41.86653515403227 -87.64657771071965
60 Aaron 9 Chicago Chinatown It has many stores, markets, bakeries, and gift shops Canal and 29th 41.841181938023034 -87.63369859321146
61 NA Canal and 23rd http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/photo1-33_zpsad01a71d.jpg.html?filters[user]=139727381&filters[recent]=1&sort=1&o=4 It is very crowded! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo1-33_zpsad01a71d.jpg 41.85092161088497 -87.63770388563047
62 Esohe 9 Pancake House I remember the delicious waffles and orange juice! 47th and Lake Park 41.80314906979158 -87.59672897414288
63 Jana 9 Statue of Capt. George W. Streeter The tulips in the spring. McClurg and Grand 41.88991845994717 -87.61332411429495
64 NA McClurg and Grand http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/218Captain_zpsc8fb8526.jpg.html?sort=3&o=21 He gave Streeterville its name! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/218Captain_zpsc8fb8526.jpg 41.89254062099433 -87.6112400966149
65 Jason 9 Richard J. Daley Center A civic center in Chicago Washington and State 41.88300898954453 -87.62202343485646
66 Elton 9 Cellular Field I remember going there with my mom. I can go in less then 5 minutes! 35th and Wentworth 41.83475458394626 -87.6318098652999
67 Colin 9 Cellular Field I dreamthat I went there right before I went to sleep on my Dad's boat. 35th and Wentworth 41.82932832428408 -87.62600637075076
68 Darian 9 Palmisano Park fishing stand Halsted and Archer 41.84518833026236 -87.64535340535879
69 NA Halsted and Lumber http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo1-34_zpsd91ceac0.jpg I try to catch a fish. http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo1-34_zpsd91ceac0.jpg 41.85008495939379 -87.65196717140745
70 Lola 9 Gompers Park I remember how many things are in this park. But really, how many things are in this park!? Lawrence, Elston, and Kenneth 41.87838703806467 -87.62840285494232
71 Markayla 9 West Humbolt Park I broke my world record of eating 6 whole subways. Kedzie and North 41.88779627155231 -87.71263382570771
72 NA Division and Hoyne http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo3-19_zps7296ffbe.jpg People can't get food so they go to restaurants. http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo3-19_zps7296ffbe.jpg 41.9028483449869 -87.67554522607224
73 NA Damen and Grace http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo4-22_zps55ba10a6.jpg What happens here is what happens at a regular firehouse. http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo4-22_zps55ba10a6.jpg 41.9564142393392 -87.67320634356476
74 Lawrence 9 Avalon Park Library This is where I get books. 82nd and Stony Island 41.747786129647395 -87.58071895528856
75 NA 82nd and Stony Island http://s1375.photobucket.com/user/RedmoonSchools/media/Skinner%20West/photo5-17_zps7317173e.jpg.html?sort=3&o=0 I get all kinds of books there. http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo5-17_zps7317173e.jpg 41.75066297553148 -87.5807239270668
76 Isabella 9 Our Lady of Pompeii Church It was made for the destruction of Pompeii. Lexington and Racine 41.8735800507676 -87.65326873177037
77 NA Polk and Racine http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo1-35_zpse3932d44.jpg People go here to praise. It is a commnity. http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo1-35_zpse3932d44.jpg 41.86924669681052 -87.65658343468247
78 Jenny 9 Our Lady of Pompeii Church Seeing the Catholics and other religions that going into that church Lexington and Racine 41.87462935458445 -87.65332854598945
79 NA Lexington and Racine http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo2-33_zpsd666cf65.jpg It is big and stands over us. http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo2-33_zpsd666cf65.jpg 41.877148291893 -87.66254715755277
80 Lucien 9 Rush Butterfly Hospital Its important because it adds decoration to the city and has a good blue that goes with the white. It helps people to get operations to heal them. Congress and Ashland 41.87570314050268 -87.6725985700022
81 NA Harrison and Ashland http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo3-20_zpsdc5c1487.jpg It looks modern! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo3-20_zpsdc5c1487.jpg 41.87046363652728 -87.66824519451384
82 Cornell 9 The Chicago Defender It is a normal newspaper company but it has everything. Trust me I've read it! 45th St. and King Drive 41.81570841982975 -87.61455624703464
83 NA 45th and King Drive http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/218Defender_zpsc810dd5d.jpg The Soul of Bronzeville http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/218Defender_zpsc810dd5d.jpg 41.81221852764943 -87.61551733939129
84 James 9 The Illinois Centennial Monument Built to remember World Wars I, II, and the Korean War. Kedzie and Logan 41.88228152175961 -87.70848365952952
85 Alec 9 Andersonville Water Tower When they took it down because of weather. The sky went empty. Foster and Clark 41.982541023980055 -87.67089749732277
86 NA Foster and Clark http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/218Andersonville_zpsee08aa5f.jpg Hey look where's the Andersonville Water Tower!? http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/218Andersonville_zpsee08aa5f.jpg 41.97330636733799 -87.66512658898975
88 Lauren 9 US Cellular Field I used to ride my bike near it when my Mom was practicing how to drive. 35th and Wentworth 41.82795555181289 -87.63531790827248
89 NA 36th and Wentworth http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo1-36_zps87744a37.jpg A beautiful place to play and have fun! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo1-36_zps87744a37.jpg 41.82380517169598 -87.63121717078592
90 David 9 Jackson Boulevard Historic District It is very old like if the dinosaurs were alive. Ashland and Jackson 41.88025750024542 -87.66504938499025
91 NA Paulina and Jackson http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo2-34_zps829b1e08.jpg Tall green trees and big brick houses! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo2-34_zps829b1e08.jpg 41.87570380461462 -87.6695578721901
92 Samantha 9 Mccllene Elementary School I heard kids screaming so thought I would check it out. Wallce and 35th St 41.832707579678505 -87.64527845637134
93 NA Union and 35th St http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo1-37_zps87fef375.jpg It helps kids learn and get education! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo1-37_zps87fef375.jpg 41.831015755350066 -87.64278386132155
94 Jake 9 The Edgewater Hotel The people that go there are famous a long time ago. Edgewater and Sheridan 41.974319674087155 -87.65453757516184
95 NA Berwyn and Sheridan http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo2-35_zps04784158.jpg My building is as cool as a cucumber! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo2-35_zps04784158.jpg 41.97321130767969 -87.65022943266509
96 Arnav 9 Lincoln Park Zoo It is very fun. Fullerton and Wayne 41.92993938288899 -87.6602068146682
97 NA Clark and Wisconsin http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo3-21_zps5081fc92.jpg We see animals there! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo3-21_zps5081fc92.jpg 41.91247761447298 -87.63316058030254
98 Nathaniel 9 Garfield Park Conservatory It lets people see plants from all over the world. Madison and Hamiln 41.880021943147256 -87.71945225713914
99 NA Madison and Central Park http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo1-38_zps05627fb8.jpg If you come here be prepared to be amazed! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo1-38_zps05627fb8.jpg 41.88284361135668 -87.71065414206748
100 Wendy 9 White Sox Championship Monument I hear firecrackers at night, smell hot dogs, and see people racing to watch game. 35th and Wentworth 41.83432023271669 -87.63677903811801
101 NA 37th and Wentworth http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo5-19_zps7e7edacd.jpg Momentus! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo5-19_zps7e7edacd.jpg 41.82903247425863 -87.63271522213887
102 Stepheny 9 Garfield Park. I can hear ducks splashing, see people playing baseball, taste the delicious treats, and feel the green grass. Jackson and Pulaski 41.87400877377554 -87.73101958449583
103 NA Central Park and Washington http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo1-38_zps05627fb8.jpg I could live there! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo1-38_zps05627fb8.jpg 41.87995034312167 -87.7219653760392
104 Tru 9 50th and Indiana Intersection I hear people talking about the NBA playoffs and how Paul George dropped 37. 50th and Indiana 41.804381116258824 -87.61469941490657
105 NA 51st and indiana http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo2-36_zpse58f93d9.jpg It smells and tastes like steak. http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo2-36_zpse58f93d9.jpg 41.79763122441266 -87.61473650846439
106 Carter 9 Mary Bartelme Park It feels like I am in a cold, blue cool pool. Monroe and Sangamon 41.8870203167018 -87.65586134938694
107 NA Monroe and Morgan http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo3-22_zpsc34282a5.jpg Its so hot outside I could be fried! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo3-22_zpsc34282a5.jpg 41.881407751301914 -87.6495314553342
108 Turner 9 Kedzie/Canal Bridge I would always pass this bridge when I went to preschool. Kedzie and Canal 41.8731634643846 -87.63509847258584
109 NA kedzie and 35th street http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/218Bridge_zps1f7c38c0.jpg It goes up and down. Heavy and Big. http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/218Bridge_zps1f7c38c0.jpg 41.82734742396297 -87.70322472016456
110 Madison 9 St. Thomas I drive by my landmark everyday. Madison and Pearson 41.87709109295062 -87.63512246042019
111 NA 35th and Lake Shore Drive http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo1-39_zps6f5fab9a.jpg http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo1-39_zps6f5fab9a.jpg 41.79818285647729 -87.57792614401212
112 Trayi 9 Christopher Columbus Monument One time my friend and I went there and played in the wild flowers, then a cat came. Polk and Loomis 41.87349523377934 -87.62525399687966
113 NA Loomis and Lexington http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo2-37_zps48454ba3.jpg It represent's Christopher's journey. http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo2-37_zps48454ba3.jpg 41.86941258068799 -87.65798730692697
114 Gabby 9 Regal Theatre I see it every time I go to dance class. 79th and Stony Island 41.745208092058256 -87.58552650471768
115 NA 80th and Stony Island http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo3-23_zps656bae96.jpg They are dancing on the theatre! They spin and twirl. http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo3-23_zps656bae96.jpg 41.7443466025058 -87.57998925355325
116 Jahlil 9 Walgreens I'm hungry and my Dad goes and gets some good chips. My Dad has a convertable, so we rolled it down, and ate the snack. Roosevelt and Canal 41.868062516199906 -87.63324928379797
117 Jolie 9 US Cellular Field I'm munching on popcorn, my Mom is eating a Polish, my sisters are chatting, and my Dad & Grandparents are talking. 35th and Wentworth 41.824290970348414 -87.63135476527758
118 Lucas 9 St. Andrew Church I can hear people talking or praying inside. People can pray to god, talk to god, and learn information about god. Paulina and Addison 41.95306406843081 -87.67491295363813
119 Saul 9 Michael Jordan Statue I remember seeing videos of the "best" man, I was inspired. Madison and Damen 41.878113807555685 -87.67767839579618
120 NA Madison and Wood http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo-222_zps0f898b4e.jpg The Bull has Charged! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo-222_zps0f898b4e.jpg 41.88153596035291 -87.66962666279787
121 Azalea 9 The Givens Castle It was a gift for Mrs. Givens so she wouldn't miss Ireland when she moved to Chicago. 103rd and Longwood 41.70950169095398 -87.66974541264625
122 NA 100th and Longwood http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo3-24_zpsd8df11ef.jpg Excellance is key! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo3-24_zpsd8df11ef.jpg 41.70929454322934 -87.66321086255417
123 Tyler 9 The New Park I played football, tag, monsters. Adams and Sangamon 41.87248861127641 -87.6493858782042
124 NA Adams and Peoria http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo4-28_zps9309d2e6.jpg The play mounds. http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo4-28_zps9309d2e6.jpg 41.87653110588828 -87.64594954395486
125 Autumn 9 US Cellular Field half time 35th and Wentworth 41.837012914426346 -87.62808877275069
126 Sarah 9 Princeton Fountain My friend and I made a squirrel out of twigs, leaves, and acorns. Princeton and 24th 41.85374443814584 -87.63705330451289
127 NA Princeton and 25th http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo1-43_zpse214256b.jpg It is a very special place in my heart. http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo1-43_zpse214256b.jpg 41.85179507225994 -87.64038406194157
128 Nathan. 9 US Cellular Field I went when I won a raffle. 35th and Wentworth 41.8283473314824 -87.62664129594458
129 NA 36th and Wentworth http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo5-24_zps7582a01c.jpg The dogs are always Chicago style! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo5-24_zps7582a01c.jpg 41.8343483198787 -87.63013145313138
130 Amira 9 Shiloh Seven Day Adventist Church Its important to Park Manor in many ways: provides meals to the homeless, outreach for the elderly, a school for children, and provides scholarships for kids to go to college. 17th and King Drive 41.77781184229242 -87.61379343255183
131 Patrick 9 Portage Park It represents my community because neighbors meet at the park. Irving Park and Central 41.971622154263265 -87.73809327480255
132 NA Irving Park and Central http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo4-30_zps77e39b67.jpg It is the entrance of the park! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo4-30_zps77e39b67.jpg 41.969225976739345 -87.73164567376945
133 Ariel 9 Victory Monument I drive past it all the time when I go somewhere. 35th and King Drive 41.827271124867096 -87.61550216642846
134 NA 34th and King Drive http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo5-24_zps7582a01c.jpg Sometimes things that aren't always noticed help in a big way! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo5-24_zps7582a01c.jpg 41.777141619377495 -87.61321370350804
135 Emmett 9 Holy Family Church I smell the nun's wearing perfume, hear the priest's talking, and taste the communion bread and wine. Roosevelt and May 41.86819711293932 -87.65400292553149
136 NA Polk and May http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo1-40_zps3354b6e3.jpg I see big murals on the wall! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo1-40_zps3354b6e3.jpg 41.87819074374041 -87.65788104432602
137 Alice 9 William McKinley Statue I see the statue everytime my parents drive to sell a house or to see my cousins. Western and Archer 41.829433684016045 -87.69065604008574
138 Journi 9 Museum of Science and Industry I remember me, my cousin, and my Mom went and saw all of the museum. 57th and Lake Shore Drive 41.78682646835069 -87.57467036911824
139 NA 58th and Lake Shore Drive http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo3-28_zps03792b03.jpg Science is light! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo3-28_zps03792b03.jpg 41.798242090580665 -87.58122875101283
140 Cosette 9 Harrison Park Swimming and gymnastics lessons Harrison and 18th 41.86043809400453 -87.67136694440003
141 NA Harrison and 17th http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo4-27_zpsd1a425bb.jpg Candy after a long day! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo4-27_zpsd1a425bb.jpg 41.88359743754153 -87.63306456620316
142 Breea 9 Amundsen Park I watch basketball games after school Bloomingdale and Merrimac 41.91021498728361 -87.78375596777242
143 Edward 9 US Cellular Field It was the first new major sport facility in Chicago since 1929. 37th and Wentworth 41.83271863743337 -87.62753070441315
144 Jude 9 Soldier Field I went on my Dad's birthday and the Bears were losing 21-27. Three minutes left. then 45 seconds, and the Bears got a touchdown to win! Lake Shore Drive and Walton 41.89920495227285 -87.62312485281785
145 NA Lake Shore Drive and Deleware http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo1-42_zps05c380c1.jpg Beware! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo1-42_zps05c380c1.jpg 41.901766088663294 -87.62502106191097
146 Joshua 9 Louis Farrakan House Former house of Muhammad Ali who I have done many projects about this place. Woodlawn and 49th 41.80329508461131 -87.59819539828327
147 NA Woodlawn and 50th http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo2-40_zps3d1a7214.jpg Float like a butterfly sting like a bee! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo2-40_zps3d1a7214.jpg 41.803057326588856 -87.59753242254712
148 Tyler 9 Barack Obama's House Once when I was 2, I crawled into Barack Obama's yard. 51st and Greenwood 41.79915207174613 -87.60409776806806
149 NA 51st and Greenwood http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo3-25_zpse913332c.jpg I feel sorry for the guards! http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo3-25_zpse913332c.jpg 41.80580284725862 -87.60192558064232
150 Will 9 Cloud Gate Its so shiny reflecting daily traffic and business. A superb mirror. Monroe and Michigan 41.883003458783556 -87.62976568448994
151 NA Madison and Michigan http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo4-29_zps330af7ae.jpg It is like clones. I move, they move. http://i1375.photobucket.com/albums/ag451/RedmoonSchools/Skinner%20West/photo4-29_zps330af7ae.jpg 41.87939294771517 -87.62164443394721
152 Bella 9 St. Mary of the Angels Church I went there and it was big and beautiful! Hermitage and Cortland 41.92154661138375 -87.67320025494416
153 Bryce 9 United Center My Grandad got us front row seats to a basketball game. Madison and Damen 41.880062763536486 -87.67313614111708
154 Joshua 10 Empty Lot When I see my neigborhood I'm as happy as can be. The trees the forests always surround me. I love my friends and my family. We play, we rock every and all day to the night. We got to go to sleep. We wake up and again and again. This morning, I'm as happy as can be. Jackson and Kilbourn 41.87765496421849 -87.74375380966843
155 Jaylin 10 Central Library I remember when I was in the house so I had to be creative. So I can clean the house in 15 minutes. So I got a stick and pushed the broom and I got finished. Wilcox and Pulaski 41.88447648719871 -87.72560178040074
156 Travanti 8 Garfield Park My neighborhood is sometimes nice because there's no gun shots. Sometimes they shoot and snatch kids. Central Park and Monroe 41.87853861032119 -87.71676389389195
157 Cordell 7 The Parking Lot They be smoking. They be shooting. I smell hotdog. I smell chicken. I play the xbox 360. The game I be playing is 2014 basketball. Washington and Mayfield 41.876968386550345 -87.77031754258851
158 Jamesha 8 Popeye's Chicken My neighborhood is smelly and loud and has a lot of food and they be shooting. Washington and Western 41.87884364143151 -87.68621335611658
159 Janaya 8 Garfield Park People be smoking, shooting, snatching kids, stealing bbq hotdogs, and sleeping. Central Park and Schrader Dr. 41.8851215842374 -87.71730329831281
160 Zorianna 7 Central Library I hear gunshots. I eat mac n cheese. I sleep in my bed. Wilcox and Pulaski 41.87697886164875 -87.73182535561227
161 Kameron 8 The Corner Store My neighborhood is nice. I feel good in my community. I hear sounds. I smell BBQ and hamburgers. I taste food. Adams and Pulaski 41.884531255414565 -87.72156136851942
162 Howaun 7 The Corner Store I see smoking and drinking. I play games. I play ball out south. Adams and Pulaski 41.87873009671322 -87.72799880263108
163 Takyra 11 Unity Church My special memory was when I moved to my new house and now I got my own room. And I get to do what I want. Kilpatrick and Washington 41.87933234048318 -87.73881595995373
164 Tiaria 9 The Corner Store When I see my neighborhood, I am sad because there is a lot of shooting and killing. And I can't never go outside with my friends and I like hanging with my friends. But my mom says no because of the killing. Jackson and Pulaski 41.87440713227047 -87.72572490870701
165 Devryn 10 The Corner Store Where I come from people get shot a lot. It's a lot of traffic. I have close friends. It be a lot of hobos that be in the alley firers a lot. Adams and Pulaski 41.882110285465906 -87.72546337082142
166 Ahamya 11 Garfield Park The air smells good. The kids and neighbors are good ???? who live by me. ????. the houses is tall. the stores are short. good kids recycle and build stuff like forts. Adams and Hamlin 41.88399993237846 -87.71727455846757
167 Deasia 11 The Corner Store When I come outside in my neighborhood all I see is violence. Shooting, stealing, and killing stuff. Stuff is not good. We really need to stop and give our people a hug. Augusta and Monticello 41.894472268252834 -87.71228995315683
168 Izela 9 The Hotel When I see my neighborhood I will be happy and I be happy when I see my ???? to the ???? and killing, and ???? to me I will be amen. Then they all when the game and all please and each me ??????? Kilbourn and Washington 41.88341140421038 -87.73828377863762
169 Monee 10 Central Library When I see my neighborhood I feel happy. When I look at the grass I feel sad and when I touch it too. When I see a flower I cry. When I look at other thing I feel away. Wilcox and Pulaski 41.87382616787295 -87.73190054880283
170 Donzell 10 Garfield Park the other day I was at my mommy's house and I was with my friends and we was in the park. so we got bored and looked around the neighborhood and we saw people dancing and having a party and everything. when we got back to my house and wondering should we join the neighborhood. Hamilin and Adams 41.87814338349203 -87.72672466818518
171 Shawnte 11 The Grocery Store I remember when I was outside watching in the shade. Van buren and Pulaski 41.8808660012152 -87.72039669854755
var scale = 0.70,
w = 1400 * scale,
h = 900 * scale,
data = [],
map_portion = 0.55;
d3.select('#head')
.style({
'margin-left': -1 * w / 2 + 'px',
width: w + 'px',
height: (150 * scale) + 'px'
});
var star_d = 'M150,180l11,41l41,-11l-30,30l30,30l-41,-11l-11,41l-11,-41l-41,11l30,-30l-30,-30l41,11z';
var head_groups = d3.select('#head')
.append('svg')
.attr({width: w, height: h})
.selectAll('.star_group')
.data(d3.range(4))
.enter()
.append('g')
.classed('star_group', true)
.attr('transform', function (d) { return 'translate(' + [230 + d*100, -70] + ')scale(' + 0.5 + ')'; });
d3.selectAll('.star_group')
.append('path')
.classed('star', true)
.attr('d', star_d)
d3.select('#container')
.style({
'margin-top': (150 * scale) + 'px',
'margin-left': -1 * w / 2 + 'px',
width: w + 'px',
height: h + 'px'
});
d3.select('#left')
.style({
width: (1 - map_portion) * 100 + '%',
height: h + 'px'
});
d3.select('#right')
.style({
width: map_portion * 100 + '%',
height: h + 'px'
});
var zoom = function () {
map_area.attr('transform', 'translate(' + d3.event.translate +')scale(' + d3.event.scale + ')');
};
var content_area = d3.select('#left')
.append('svg')
.attr({
id: 'svg_left',
width: w * (1 - map_portion),
height: h
})
var map_svg = d3.select('#right')
.append('svg')
.attr({
id: 'svg_right',
width: w * map_portion,
height: h
})
map_area = map_svg.append('g')
.attr('transform', 'translate(' + [0, 0] + ')')
.call(d3.behavior.zoom()
.scaleExtent([1, 10])
.on('zoom', zoom)
);
var projection = d3.geo.albers()
.translate([(w * map_portion) / 2, h / 2])
.scale(87000)
.rotate([87.685, 0])
.center([0, 41.833])
var path = d3.geo.path()
.projection(projection);
var process_text = function (text) {
var text = '"' + text + '"',
char_limit = 40,
all_words = text.split(' '),
lines = [],
current_line = [all_words[0]];
all_words.slice(1).forEach(function (word) {
if (current_line.join(' ').length + word.length + 1 < char_limit) {
current_line.push(word);
} else {
lines.push(current_line);
current_line = [word];
}
});
lines.push(current_line);
return lines;
};
var render_map = function () {
d3.json('wards.json', function(wards_topo) {
d3.csv('merged_clean.csv', function (dreams) {
dreams.forEach(function (dream) {
var position = 0,
char_limit = 40;
dream.loc = [+dream.lng, +dream.lat];
if (dream.directurl) {
var img = new Image();
img.src = dream.directurl;
img.onload = function () { dream.img_ratio = img.width / img.height; };
}
if (dream.memory.length > 0) { dream.memory = process_text(dream.memory); }
if (dream.caption.length > 0) { dream.caption = process_text(dream.caption); }
});
var wards_geo = topojson.feature(wards_topo, wards_topo.objects.wards).features;
map_area.selectAll('path')
.data(wards_geo)
.enter()
.append('path')
.attr('id', function (d, i) { return i; })
.attr('d', path);
map_area.selectAll('.marker')
.data(dreams)
.enter()
.append('circle')
.attr({
class: function (d) { return d.imageurl.length > 0 ? 'lm' : 'mem'; },
cx: function (d) { return projection(d.loc)[0]; },
cy: function (d) { return projection(d.loc)[1]; },
r: 3.5
});
// var zoom_groups = map_svg.selectAll('.zoom_group')
// .data(d3.range(2))
// .enter()
// .append('g')
// .classed('zoom_group', true)
// .attr({
// id: function (d) { return 'zg' + d; },
// transform: function (d) { return 'translate(' + [(w * map_portion) - (1.5 * margin) - margin - 35, 2 * margin + d * 35] + ')'; }
// });
// zoom_groups.append('rect')
// .attr({
// x: 0,
// y: 0,
// width: 30,
// height: 30,
// fill: 'white'
// });
// d3.select('#zg0').append('line')
// .attr({
// x1: 30 / 2,
// y1: 8,
// x2: 30 / 2,
// y2: 30 - 8
// })
// zoom_groups.append('line')
// .attr({
// x1: 8,
// y1: 30 / 2,
// x2: 30 - 8,
// y2: 30 / 2
// })
// d3.select('#zg0')
// .on('click', function (d) {
// console.log(d);
// map_area.attr('transform', 'scale(1.5)');
// });
// d3.select('#zg1')
// .on('click', function (d) {
// console.log(d);
// map_area.attr('transform', 'scale(1)');
// });
d3.selectAll('.lm')
.on('mouseenter', lm_actions.enter)
.on('mouseleave', lm_actions.leave);
d3.selectAll('.mem')
.on('mouseenter', mem_actions.enter)
.on('mouseleave', mem_actions.leave);
});
});
};
var lm_actions = {
enter: function () {
var selection = d3.select(this);
active_dream = selection.data()[0],
content_group = content_area.append('g').attr('id', 'content_group');
selection.transition().attr('r', 5.5).style('opacity', 1);
content_group.append('image')
.attr({
id: 'large_img',
'xlink:href': active_dream.directurl,
width: w * (1 - map_portion),
height: Math.min((w * (1 - map_portion)) / active_dream.img_ratio, h - h * 0.25)
});
if (active_dream.caption.length) {
active_dream.caption.forEach(function (d, i) {
content_group.append('text')
.text(d.join(' '))
.attr({
id: 'large_cap',
x: (w * (1 - map_portion)) / 2,
y: Math.min((w * (1 - map_portion)) / active_dream.img_ratio, h - h * 0.25) + 30 + (i * 30),
'text-anchor': 'middle'
});
});
}
// content_group.append('text')
// .text('-' + active_dream.name + ' (' + active_dream.age + ')')
// .attr({
// id: 'small_cap',
// x: (w * (1 - map_portion)) / 2,
// y: Math.min((w * (1 - map_portion)) / active_dream.img_ratio, h - h * 0.25) + 60 + (active_dream.caption.length - 1) * 30,
// 'text-anchor': 'middle'
// });
},
leave: function () {
d3.select('#content_group').remove();
d3.select(this).transition().attr('r', 3.5).style('opacity', 0.4);
}
};
var mem_actions = {
enter: function () {
var selection = d3.select(this);
active_dream = selection.data()[0],
content_group = content_area.append('g').attr('id', 'content_group');
selection.transition().attr('r', 5.5).style('opacity', 1);
active_dream.memory.forEach(function (d, i) {
content_group.append('text')
.text(d.join(' '))
.attr({
id: 'large_cap',
x: (w * (1 - map_portion)) / 2,
y: h / 2.5 + i * 30,
'text-anchor': 'middle'
});
});
content_group.append('text')
.text(function () {
if (active_dream.landmark.length) {
return '-' + active_dream.name + ' (' + active_dream.age + ') @' + active_dream.landmark;
} else {
return '-' + active_dream.name + ' (' + active_dream.age + ')';
}
})
.attr({
id: 'small_cap',
x: (w * (1 - map_portion)) / 2,
y: h / 2.5 + 30 + (active_dream.memory.length - 1) * 30,
'text-anchor': 'middle'
});
},
leave: function () {
d3.select('#content_group').remove();
d3.select(this).transition().attr('r', 3.5).style('opacity', 0.4);
}
};
render_map();
body {
background-color: lightgray;
}
#head, #container {
position: absolute;
left: 50%;
}
#left, #right {
background-color: white;
}
#svg_right {
background-color: rgb(222,233,242);
}
#map_rect {
fill: rgb(200,218,233);
opacity: 0.6;
}
#content_rect {
fill: white;
}
path {
stroke: white;
stroke-opacity: 1;
fill: #bdbdbd;
stroke-width: 0.3px;
}
span {
float: left;
}
.star {
fill: red;
opacity: 0.5;
}
.mem, .lm {
opacity: 0.4;
}
.mem {
fill: red;
}
.lm {
fill: blue;
}
text {
font-family: Helvetica;
stroke: none;
font-size: 18px;
font-style: italic;
pointer-events: none;
fill: rgb(36,36,37);
}
#large_cap {
font-size: 20px;
font-style: italic;
opacity: 0.65;
}
#small_cap {
font-size: 18px;
font-style: italic;
opacity: 0.8;
}
.hidden {
opacity: 0;
}
line {
stroke: #bdbdbd;
stroke-width: 3;
}
(function(global) {
"use strict";
var inNodeJS = false;
if (typeof module !== 'undefined' && module.exports) {
inNodeJS = true;
var request = require('request');
}
var supportsCORS = false;
var inLegacyIE = false;
try {
var testXHR = new XMLHttpRequest();
if (typeof testXHR.withCredentials !== 'undefined') {
supportsCORS = true;
} else {
if ("XDomainRequest" in window) {
supportsCORS = true;
inLegacyIE = true;
}
}
} catch (e) { }
// Create a simple indexOf function for support
// of older browsers. Uses native indexOf if
// available. Code similar to underscores.
// By making a separate function, instead of adding
// to the prototype, we will not break bad for loops
// in older browsers
var indexOfProto = Array.prototype.indexOf;
var ttIndexOf = function(array, item) {
var i = 0, l = array.length;
if (indexOfProto && array.indexOf === indexOfProto) return array.indexOf(item);
for (; i < l; i++) if (array[i] === item) return i;
return -1;
};
/*
Initialize with Tabletop.init( { key: '0AjAPaAU9MeLFdHUxTlJiVVRYNGRJQnRmSnQwTlpoUXc' } )
OR!
Initialize with Tabletop.init( { key: 'https://docs.google.com/spreadsheet/pub?hl=en_US&hl=en_US&key=0AjAPaAU9MeLFdHUxTlJiVVRYNGRJQnRmSnQwTlpoUXc&output=html&widget=true' } )
OR!
Initialize with Tabletop.init('0AjAPaAU9MeLFdHUxTlJiVVRYNGRJQnRmSnQwTlpoUXc')
*/
var Tabletop = function(options) {
// Make sure Tabletop is being used as a constructor no matter what.
if(!this || !(this instanceof Tabletop)) {
return new Tabletop(options);
}
if(typeof(options) === 'string') {
options = { key : options };
}
this.callback = options.callback;
this.wanted = options.wanted || [];
this.key = options.key;
this.simpleSheet = !!options.simpleSheet;
this.parseNumbers = !!options.parseNumbers;
this.wait = !!options.wait;
this.reverse = !!options.reverse;
this.postProcess = options.postProcess;
this.debug = !!options.debug;
this.query = options.query || '';
this.orderby = options.orderby;
this.endpoint = options.endpoint || "https://spreadsheets.google.com";
this.singleton = !!options.singleton;
this.simple_url = !!options.simple_url;
this.callbackContext = options.callbackContext;
if(typeof(options.proxy) !== 'undefined') {
// Remove trailing slash, it will break the app
this.endpoint = options.proxy.replace(/\/$/,'');
this.simple_url = true;
this.singleton = true;
// Let's only use CORS (straight JSON request) when
// fetching straight from Google
supportsCORS = false
}
this.parameterize = options.parameterize || false;
if(this.singleton) {
if(typeof(Tabletop.singleton) !== 'undefined') {
this.log("WARNING! Tabletop singleton already defined");
}
Tabletop.singleton = this;
}
/* Be friendly about what you accept */
if(/key=/.test(this.key)) {
this.log("You passed an old Google Docs url as the key! Attempting to parse.");
this.key = this.key.match("key=(.*?)&")[1];
}
if(/pubhtml/.test(this.key)) {
this.log("You passed a new Google Spreadsheets url as the key! Attempting to parse.");
this.key = this.key.match("d\\/(.*?)\\/pubhtml")[1];
}
if(!this.key) {
this.log("You need to pass Tabletop a key!");
return;
}
this.log("Initializing with key " + this.key);
this.models = {};
this.model_names = [];
this.base_json_path = "/feeds/worksheets/" + this.key + "/public/basic?alt=";
if (inNodeJS || supportsCORS) {
this.base_json_path += 'json';
} else {
this.base_json_path += 'json-in-script';
}
if(!this.wait) {
this.fetch();
}
};
// A global storage for callbacks.
Tabletop.callbacks = {};
// Backwards compatibility.
Tabletop.init = function(options) {
return new Tabletop(options);
};
Tabletop.sheets = function() {
this.log("Times have changed! You'll want to use var tabletop = Tabletop.init(...); tabletop.sheets(...); instead of Tabletop.sheets(...)");
};
Tabletop.prototype = {
fetch: function(callback) {
if(typeof(callback) !== "undefined") {
this.callback = callback;
}
this.requestData(this.base_json_path, this.loadSheets);
},
/*
This will call the environment appropriate request method.
In browser it will use JSON-P, in node it will use request()
*/
requestData: function(path, callback) {
if (inNodeJS) {
this.serverSideFetch(path, callback);
} else {
//CORS only works in IE8/9 across the same protocol
//You must have your server on HTTPS to talk to Google, or it'll fall back on injection
var protocol = this.endpoint.split("//").shift() || "http";
if (supportsCORS && (!inLegacyIE || protocol === location.protocol)) {
this.xhrFetch(path, callback);
} else {
this.injectScript(path, callback);
}
}
},
/*
Use Cross-Origin XMLHttpRequest to get the data in browsers that support it.
*/
xhrFetch: function(path, callback) {
//support IE8's separate cross-domain object
var xhr = inLegacyIE ? new XDomainRequest() : new XMLHttpRequest();
xhr.open("GET", this.endpoint + path);
var self = this;
xhr.onload = function() {
try {
var json = JSON.parse(xhr.responseText);
} catch (e) {
console.error(e);
}
callback.call(self, json);
};
xhr.send();
},
/*
Insert the URL into the page as a script tag. Once it's loaded the spreadsheet data
it triggers the callback. This helps you avoid cross-domain errors
http://code.google.com/apis/gdata/samples/spreadsheet_sample.html
Let's be plain-Jane and not use jQuery or anything.
*/
injectScript: function(path, callback) {
var script = document.createElement('script');
var callbackName;
if(this.singleton) {
if(callback === this.loadSheets) {
callbackName = 'Tabletop.singleton.loadSheets';
} else if (callback === this.loadSheet) {
callbackName = 'Tabletop.singleton.loadSheet';
}
} else {
var self = this;
callbackName = 'tt' + (+new Date()) + (Math.floor(Math.random()*100000));
// Create a temp callback which will get removed once it has executed,
// this allows multiple instances of Tabletop to coexist.
Tabletop.callbacks[ callbackName ] = function () {
var args = Array.prototype.slice.call( arguments, 0 );
callback.apply(self, args);
script.parentNode.removeChild(script);
delete Tabletop.callbacks[callbackName];
};
callbackName = 'Tabletop.callbacks.' + callbackName;
}
var url = path + "&callback=" + callbackName;
if(this.simple_url) {
// We've gone down a rabbit hole of passing injectScript the path, so let's
// just pull the sheet_id out of the path like the least efficient worker bees
if(path.indexOf("/list/") !== -1) {
script.src = this.endpoint + "/" + this.key + "-" + path.split("/")[4];
} else {
script.src = this.endpoint + "/" + this.key;
}
} else {
script.src = this.endpoint + url;
}
if (this.parameterize) {
script.src = this.parameterize + encodeURIComponent(script.src);
}
document.getElementsByTagName('script')[0].parentNode.appendChild(script);
},
/*
This will only run if tabletop is being run in node.js
*/
serverSideFetch: function(path, callback) {
var self = this
request({url: this.endpoint + path, json: true}, function(err, resp, body) {
if (err) {
return console.error(err);
}
callback.call(self, body);
});
},
/*
Is this a sheet you want to pull?
If { wanted: ["Sheet1"] } has been specified, only Sheet1 is imported
Pulls all sheets if none are specified
*/
isWanted: function(sheetName) {
if(this.wanted.length === 0) {
return true;
} else {
return (ttIndexOf(this.wanted, sheetName) !== -1);
}
},
/*
What gets send to the callback
if simpleSheet === true, then don't return an array of Tabletop.this.models,
only return the first one's elements
*/
data: function() {
// If the instance is being queried before the data's been fetched
// then return undefined.
if(this.model_names.length === 0) {
return undefined;
}
if(this.simpleSheet) {
if(this.model_names.length > 1 && this.debug) {
this.log("WARNING You have more than one sheet but are using simple sheet mode! Don't blame me when something goes wrong.");
}
return this.models[ this.model_names[0] ].all();
} else {
return this.models;
}
},
/*
Add another sheet to the wanted list
*/
addWanted: function(sheet) {
if(ttIndexOf(this.wanted, sheet) === -1) {
this.wanted.push(sheet);
}
},
/*
Load all worksheets of the spreadsheet, turning each into a Tabletop Model.
Need to use injectScript because the worksheet view that you're working from
doesn't actually include the data. The list-based feed (/feeds/list/key..) does, though.
Calls back to loadSheet in order to get the real work done.
Used as a callback for the worksheet-based JSON
*/
loadSheets: function(data) {
var i, ilen;
var toLoad = [];
this.foundSheetNames = [];
for(i = 0, ilen = data.feed.entry.length; i < ilen ; i++) {
this.foundSheetNames.push(data.feed.entry[i].title.$t);
// Only pull in desired sheets to reduce loading
if( this.isWanted(data.feed.entry[i].content.$t) ) {
var linkIdx = data.feed.entry[i].link.length-1;
var sheet_id = data.feed.entry[i].link[linkIdx].href.split('/').pop();
var json_path = "/feeds/list/" + this.key + "/" + sheet_id + "/public/values?alt="
if (inNodeJS || supportsCORS) {
json_path += 'json';
} else {
json_path += 'json-in-script';
}
if(this.query) {
json_path += "&sq=" + this.query;
}
if(this.orderby) {
json_path += "&orderby=column:" + this.orderby.toLowerCase();
}
if(this.reverse) {
json_path += "&reverse=true";
}
toLoad.push(json_path);
}
}
this.sheetsToLoad = toLoad.length;
for(i = 0, ilen = toLoad.length; i < ilen; i++) {
this.requestData(toLoad[i], this.loadSheet);
}
},
/*
Access layer for the this.models
.sheets() gets you all of the sheets
.sheets('Sheet1') gets you the sheet named Sheet1
*/
sheets: function(sheetName) {
if(typeof sheetName === "undefined") {
return this.models;
} else {
if(typeof(this.models[ sheetName ]) === "undefined") {
// alert( "Can't find " + sheetName );
return;
} else {
return this.models[ sheetName ];
}
}
},
/*
Parse a single list-based worksheet, turning it into a Tabletop Model
Used as a callback for the list-based JSON
*/
loadSheet: function(data) {
var model = new Tabletop.Model( { data: data,
parseNumbers: this.parseNumbers,
postProcess: this.postProcess,
tabletop: this } );
this.models[ model.name ] = model;
if(ttIndexOf(this.model_names, model.name) === -1) {
this.model_names.push(model.name);
}
this.sheetsToLoad--;
if(this.sheetsToLoad === 0)
this.doCallback();
},
/*
Execute the callback upon loading! Rely on this.data() because you might
only request certain pieces of data (i.e. simpleSheet mode)
Tests this.sheetsToLoad just in case a race condition happens to show up
*/
doCallback: function() {
if(this.sheetsToLoad === 0) {
this.callback.apply(this.callbackContext || this, [this.data(), this]);
}
},
log: function(msg) {
if(this.debug) {
if(typeof console !== "undefined" && typeof console.log !== "undefined") {
Function.prototype.apply.apply(console.log, [console, arguments]);
}
}
}
};
/*
Tabletop.Model stores the attribute names and parses the worksheet data
to turn it into something worthwhile
Options should be in the format { data: XXX }, with XXX being the list-based worksheet
*/
Tabletop.Model = function(options) {
var i, j, ilen, jlen;
this.column_names = [];
this.name = options.data.feed.title.$t;
this.elements = [];
this.raw = options.data; // A copy of the sheet's raw data, for accessing minutiae
if(typeof(options.data.feed.entry) === 'undefined') {
options.tabletop.log("Missing data for " + this.name + ", make sure you didn't forget column headers");
this.elements = [];
return;
}
for(var key in options.data.feed.entry[0]){
if(/^gsx/.test(key))
this.column_names.push( key.replace("gsx$","") );
}
for(i = 0, ilen = options.data.feed.entry.length ; i < ilen; i++) {
var source = options.data.feed.entry[i];
var element = {};
for(var j = 0, jlen = this.column_names.length; j < jlen ; j++) {
var cell = source[ "gsx$" + this.column_names[j] ];
if (typeof(cell) !== 'undefined') {
if(options.parseNumbers && cell.$t !== '' && !isNaN(cell.$t))
element[ this.column_names[j] ] = +cell.$t;
else
element[ this.column_names[j] ] = cell.$t;
} else {
element[ this.column_names[j] ] = '';
}
}
if(element.rowNumber === undefined)
element.rowNumber = i + 1;
if( options.postProcess )
options.postProcess(element);
this.elements.push(element);
}
};
Tabletop.Model.prototype = {
/*
Returns all of the elements (rows) of the worksheet as objects
*/
all: function() {
return this.elements;
},
/*
Return the elements as an array of arrays, instead of an array of objects
*/
toArray: function() {
var array = [],
i, j, ilen, jlen;
for(i = 0, ilen = this.elements.length; i < ilen; i++) {
var row = [];
for(j = 0, jlen = this.column_names.length; j < jlen ; j++) {
row.push( this.elements[i][ this.column_names[j] ] );
}
array.push(row);
}
return array;
}
};
if(inNodeJS) {
module.exports = Tabletop;
} else {
global.Tabletop = Tabletop;
}
})(this);
Display the source blob
Display the rendered blob
Raw
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment