Last active
August 29, 2015 14:02
-
-
Save k-izzo/98d32d24548bd341ab4d to your computer and use it in GitHub Desktop.
redmoon dreams map (2014.06.12 version)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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(); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
(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); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment