Skip to content

Instantly share code, notes, and snippets.

@BBischof

BBischof/.block

Last active July 30, 2016 21:08
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 BBischof/e144ed4cd61c15610ab425b9c7ab148e to your computer and use it in GitHub Desktop.
Save BBischof/e144ed4cd61c15610ab425b9c7ab148e to your computer and use it in GitHub Desktop.
Download ZIP
Emoji Timeline for Cultural References in Murakami v4 update
Raw
.block
license: gpl-3.0
Raw
README.md
Raw
d3moji.js
var emojiMap = {"100":"1f4af","1234":"1f522","copyright":"00a9","registered":"00ae","bangbang":"203c","interrobang":"2049","tm":"2122","information_source":"2139","left_right_arrow":"2194","arrow_up_down":"2195","arrow_upper_left":"2196","arrow_upper_right":"2197","arrow_lower_right":"2198","arrow_lower_left":"2199","leftwards_arrow_with_hook":"21a9","arrow_right_hook":"21aa","watch":"231a","hourglass":"231b","fast_forward":"23e9","rewind":"23ea","arrow_double_up":"23eb","arrow_double_down":"23ec","alarm_clock":"23f0","hourglass_flowing_sand":"23f3","m":"24c2","black_small_square":"25aa","white_small_square":"25ab","arrow_forward":"25b6","arrow_backward":"25c0","white_medium_square":"25fb","black_medium_square":"25fc","white_medium_small_square":"25fd","black_medium_small_square":"25fe","sunny":"2600","cloud":"2601","phone":"260e","telephone":"260e","ballot_box_with_check":"2611","umbrella":"2614","coffee":"2615","point_up":"261d","relaxed":"263a","aries":"2648","taurus":"2649","gemini":"264a","cancer":"264b","leo":"264c","virgo":"264d","libra":"264e","scorpius":"264f","sagittarius":"2650","capricorn":"2651","aquarius":"2652","pisces":"2653","spades":"2660","clubs":"2663","hearts":"2665","diamonds":"2666","hotsprings":"2668","recycle":"267b","wheelchair":"267f","anchor":"2693","warning":"26a0","zap":"26a1","white_circle":"26aa","black_circle":"26ab","soccer":"26bd","baseball":"26be","snowman":"26c4","partly_sunny":"26c5","ophiuchus":"26ce","no_entry":"26d4","church":"26ea","fountain":"26f2","golf":"26f3","boat":"26f5","sailboat":"26f5","tent":"26fa","fuelpump":"26fd","scissors":"2702","white_check_mark":"2705","airplane":"2708","email":"2709","envelope":"2709","fist":"270a","hand":"270b","raised_hand":"270b","v":"270c","pencil2":"270f","black_nib":"2712","heavy_check_mark":"2714","heavy_multiplication_x":"2716","sparkles":"2728","eight_spoked_asterisk":"2733","eight_pointed_black_star":"2734","snowflake":"2744","sparkle":"2747","x":"274c","negative_squared_cross_mark":"274e","question":"2753","grey_question":"2754","grey_exclamation":"2755","exclamation":"2757","heavy_exclamation_mark":"2757","heart":"2764","heavy_plus_sign":"2795","heavy_minus_sign":"2796","heavy_division_sign":"2797","arrow_right":"27a1","curly_loop":"27b0","loop":"27bf","arrow_heading_up":"2934","arrow_heading_down":"2935","arrow_left":"2b05","arrow_up":"2b06","arrow_down":"2b07","black_large_square":"2b1b","white_large_square":"2b1c","star":"2b50","o":"2b55","wavy_dash":"3030","part_alternation_mark":"303d","congratulations":"3297","secret":"3299","mahjong":"1f004","black_joker":"1f0cf","a":"1f170","b":"1f171","o2":"1f17e","parking":"1f17f","ab":"1f18e","cl":"1f191","cool":"1f192","free":"1f193","id":"1f194","new":"1f195","ng":"1f196","ok":"1f197","sos":"1f198","up":"1f199","vs":"1f19a","koko":"1f201","sa":"1f202","u7121":"1f21a","u6307":"1f22f","u7981":"1f232","u7a7a":"1f233","u5408":"1f234","u6e80":"1f235","u6709":"1f236","u6708":"1f237","u7533":"1f238","u5272":"1f239","u55b6":"1f23a","ideograph_advantage":"1f250","accept":"1f251","cyclone":"1f300","foggy":"1f301","closed_umbrella":"1f302","night_with_stars":"1f303","sunrise_over_mountains":"1f304","sunrise":"1f305","city_sunset":"1f306","city_sunrise":"1f307","rainbow":"1f308","bridge_at_night":"1f309","ocean":"1f30a","volcano":"1f30b","milky_way":"1f30c","earth_africa":"1f30d","earth_americas":"1f30e","earth_asia":"1f30f","globe_with_meridians":"1f310","new_moon":"1f311","waxing_crescent_moon":"1f312","first_quarter_moon":"1f313","moon":"1f314","waxing_gibbous_moon":"1f314","full_moon":"1f315","waning_gibbous_moon":"1f316","last_quarter_moon":"1f317","waning_crescent_moon":"1f318","crescent_moon":"1f319","new_moon_with_face":"1f31a","first_quarter_moon_with_face":"1f31b","last_quarter_moon_with_face":"1f31c","full_moon_with_face":"1f31d","sun_with_face":"1f31e","star2":"1f31f","stars":"1f320","chestnut":"1f330","seedling":"1f331","evergreen_tree":"1f332","deciduous_tree":"1f333","palm_tree":"1f334","cactus":"1f335","tulip":"1f337","cherry_blossom":"1f338","rose":"1f339","hibiscus":"1f33a","sunflower":"1f33b","blossom":"1f33c","corn":"1f33d","ear_of_rice":"1f33e","herb":"1f33f","four_leaf_clover":"1f340","maple_leaf":"1f341","fallen_leaf":"1f342","leaves":"1f343","mushroom":"1f344","tomato":"1f345","eggplant":"1f346","grapes":"1f347","melon":"1f348","watermelon":"1f349","tangerine":"1f34a","lemon":"1f34b","banana":"1f34c","pineapple":"1f34d","apple":"1f34e","green_apple":"1f34f","pear":"1f350","peach":"1f351","cherries":"1f352","strawberry":"1f353","hamburger":"1f354","pizza":"1f355","meat_on_bone":"1f356","poultry_leg":"1f357","rice_cracker":"1f358","rice_ball":"1f359","rice":"1f35a","curry":"1f35b","ramen":"1f35c","spaghetti":"1f35d","bread":"1f35e","fries":"1f35f","sweet_potato":"1f360","dango":"1f361","oden":"1f362","sushi":"1f363","fried_shrimp":"1f364","fish_cake":"1f365","icecream":"1f366","shaved_ice":"1f367","ice_cream":"1f368","doughnut":"1f369","cookie":"1f36a","chocolate_bar":"1f36b","candy":"1f36c","lollipop":"1f36d","custard":"1f36e","honey_pot":"1f36f","cake":"1f370","bento":"1f371","stew":"1f372","egg":"1f373","fork_and_knife":"1f374","tea":"1f375","sake":"1f376","wine_glass":"1f377","cocktail":"1f378","tropical_drink":"1f379","beer":"1f37a","beers":"1f37b","baby_bottle":"1f37c","ribbon":"1f380","gift":"1f381","birthday":"1f382","jack_o_lantern":"1f383","christmas_tree":"1f384","santa":"1f385","fireworks":"1f386","sparkler":"1f387","balloon":"1f388","tada":"1f389","confetti_ball":"1f38a","tanabata_tree":"1f38b","crossed_flags":"1f38c","bamboo":"1f38d","dolls":"1f38e","flags":"1f38f","wind_chime":"1f390","rice_scene":"1f391","school_satchel":"1f392","mortar_board":"1f393","carousel_horse":"1f3a0","ferris_wheel":"1f3a1","roller_coaster":"1f3a2","fishing_pole_and_fish":"1f3a3","microphone":"1f3a4","movie_camera":"1f3a5","cinema":"1f3a6","headphones":"1f3a7","art":"1f3a8","tophat":"1f3a9","circus_tent":"1f3aa","ticket":"1f3ab","clapper":"1f3ac","performing_arts":"1f3ad","video_game":"1f3ae","dart":"1f3af","slot_machine":"1f3b0","8ball":"1f3b1","game_die":"1f3b2","bowling":"1f3b3","flower_playing_cards":"1f3b4","musical_note":"1f3b5","notes":"1f3b6","saxophone":"1f3b7","guitar":"1f3b8","musical_keyboard":"1f3b9","trumpet":"1f3ba","violin":"1f3bb","musical_score":"1f3bc","running_shirt_with_sash":"1f3bd","tennis":"1f3be","ski":"1f3bf","basketball":"1f3c0","checkered_flag":"1f3c1","snowboarder":"1f3c2","runner":"1f3c3","running":"1f3c3","surfer":"1f3c4","trophy":"1f3c6","horse_racing":"1f3c7","football":"1f3c8","rugby_football":"1f3c9","swimmer":"1f3ca","house":"1f3e0","house_with_garden":"1f3e1","office":"1f3e2","post_office":"1f3e3","european_post_office":"1f3e4","hospital":"1f3e5","bank":"1f3e6","atm":"1f3e7","hotel":"1f3e8","love_hotel":"1f3e9","convenience_store":"1f3ea","school":"1f3eb","department_store":"1f3ec","factory":"1f3ed","izakaya_lantern":"1f3ee","lantern":"1f3ee","japanese_castle":"1f3ef","european_castle":"1f3f0","skin-tone-2":"1f3fb","skin-tone-3":"1f3fc","skin-tone-4":"1f3fd","skin-tone-5":"1f3fe","skin-tone-6":"1f3ff","rat":"1f400","mouse2":"1f401","ox":"1f402","water_buffalo":"1f403","cow2":"1f404","tiger2":"1f405","leopard":"1f406","rabbit2":"1f407","cat2":"1f408","dragon":"1f409","crocodile":"1f40a","whale2":"1f40b","snail":"1f40c","snake":"1f40d","racehorse":"1f40e","ram":"1f40f","goat":"1f410","sheep":"1f411","monkey":"1f412","rooster":"1f413","chicken":"1f414","dog2":"1f415","pig2":"1f416","boar":"1f417","elephant":"1f418","octopus":"1f419","shell":"1f41a","bug":"1f41b","ant":"1f41c","bee":"1f41d","honeybee":"1f41d","beetle":"1f41e","fish":"1f41f","tropical_fish":"1f420","blowfish":"1f421","turtle":"1f422","hatching_chick":"1f423","baby_chick":"1f424","hatched_chick":"1f425","bird":"1f426","penguin":"1f427","koala":"1f428","poodle":"1f429","dromedary_camel":"1f42a","camel":"1f42b","dolphin":"1f42c","flipper":"1f42c","mouse":"1f42d","cow":"1f42e","tiger":"1f42f","rabbit":"1f430","cat":"1f431","dragon_face":"1f432","whale":"1f433","horse":"1f434","monkey_face":"1f435","dog":"1f436","pig":"1f437","frog":"1f438","hamster":"1f439","wolf":"1f43a","bear":"1f43b","panda_face":"1f43c","pig_nose":"1f43d","feet":"1f43e","paw_prints":"1f43e","eyes":"1f440","ear":"1f442","nose":"1f443","lips":"1f444","tongue":"1f445","point_up_2":"1f446","point_down":"1f447","point_left":"1f448","point_right":"1f449","facepunch":"1f44a","punch":"1f44a","wave":"1f44b","ok_hand":"1f44c","+1":"1f44d","thumbsup":"1f44d","-1":"1f44e","thumbsdown":"1f44e","clap":"1f44f","open_hands":"1f450","crown":"1f451","womans_hat":"1f452","eyeglasses":"1f453","necktie":"1f454","shirt":"1f455","tshirt":"1f455","jeans":"1f456","dress":"1f457","kimono":"1f458","bikini":"1f459","womans_clothes":"1f45a","purse":"1f45b","handbag":"1f45c","pouch":"1f45d","mans_shoe":"1f45e","shoe":"1f45e","athletic_shoe":"1f45f","high_heel":"1f460","sandal":"1f461","boot":"1f462","footprints":"1f463","bust_in_silhouette":"1f464","busts_in_silhouette":"1f465","boy":"1f466","girl":"1f467","man":"1f468","woman":"1f469","family":"1f46a","couple":"1f46b","two_men_holding_hands":"1f46c","two_women_holding_hands":"1f46d","cop":"1f46e","dancers":"1f46f","bride_with_veil":"1f470","person_with_blond_hair":"1f471","man_with_gua_pi_mao":"1f472","man_with_turban":"1f473","older_man":"1f474","older_woman":"1f475","baby":"1f476","construction_worker":"1f477","princess":"1f478","japanese_ogre":"1f479","japanese_goblin":"1f47a","ghost":"1f47b","angel":"1f47c","alien":"1f47d","space_invader":"1f47e","imp":"1f47f","skull":"1f480","information_desk_person":"1f481","guardsman":"1f482","dancer":"1f483","lipstick":"1f484","nail_care":"1f485","massage":"1f486","haircut":"1f487","barber":"1f488","syringe":"1f489","pill":"1f48a","kiss":"1f48b","love_letter":"1f48c","ring":"1f48d","gem":"1f48e","couplekiss":"1f48f","bouquet":"1f490","couple_with_heart":"1f491","wedding":"1f492","heartbeat":"1f493","broken_heart":"1f494","two_hearts":"1f495","sparkling_heart":"1f496","heartpulse":"1f497","cupid":"1f498","blue_heart":"1f499","green_heart":"1f49a","yellow_heart":"1f49b","purple_heart":"1f49c","gift_heart":"1f49d","revolving_hearts":"1f49e","heart_decoration":"1f49f","diamond_shape_with_a_dot_inside":"1f4a0","bulb":"1f4a1","anger":"1f4a2","bomb":"1f4a3","zzz":"1f4a4","boom":"1f4a5","collision":"1f4a5","sweat_drops":"1f4a6","droplet":"1f4a7","dash":"1f4a8","hankey":"1f4a9","poop":"1f4a9","shit":"1f4a9","muscle":"1f4aa","dizzy":"1f4ab","speech_balloon":"1f4ac","thought_balloon":"1f4ad","white_flower":"1f4ae","moneybag":"1f4b0","currency_exchange":"1f4b1","heavy_dollar_sign":"1f4b2","credit_card":"1f4b3","yen":"1f4b4","dollar":"1f4b5","euro":"1f4b6","pound":"1f4b7","money_with_wings":"1f4b8","chart":"1f4b9","seat":"1f4ba","computer":"1f4bb","briefcase":"1f4bc","minidisc":"1f4bd","floppy_disk":"1f4be","cd":"1f4bf","dvd":"1f4c0","file_folder":"1f4c1","open_file_folder":"1f4c2","page_with_curl":"1f4c3","page_facing_up":"1f4c4","date":"1f4c5","calendar":"1f4c6","card_index":"1f4c7","chart_with_upwards_trend":"1f4c8","chart_with_downwards_trend":"1f4c9","bar_chart":"1f4ca","clipboard":"1f4cb","pushpin":"1f4cc","round_pushpin":"1f4cd","paperclip":"1f4ce","straight_ruler":"1f4cf","triangular_ruler":"1f4d0","bookmark_tabs":"1f4d1","ledger":"1f4d2","notebook":"1f4d3","notebook_with_decorative_cover":"1f4d4","closed_book":"1f4d5","book":"1f4d6","open_book":"1f4d6","green_book":"1f4d7","blue_book":"1f4d8","orange_book":"1f4d9","books":"1f4da","name_badge":"1f4db","scroll":"1f4dc","memo":"1f4dd","pencil":"1f4dd","telephone_receiver":"1f4de","pager":"1f4df","fax":"1f4e0","satellite":"1f4e1","loudspeaker":"1f4e2","mega":"1f4e3","outbox_tray":"1f4e4","inbox_tray":"1f4e5","package":"1f4e6","e-mail":"1f4e7","incoming_envelope":"1f4e8","envelope_with_arrow":"1f4e9","mailbox_closed":"1f4ea","mailbox":"1f4eb","mailbox_with_mail":"1f4ec","mailbox_with_no_mail":"1f4ed","postbox":"1f4ee","postal_horn":"1f4ef","newspaper":"1f4f0","iphone":"1f4f1","calling":"1f4f2","vibration_mode":"1f4f3","mobile_phone_off":"1f4f4","no_mobile_phones":"1f4f5","signal_strength":"1f4f6","camera":"1f4f7","video_camera":"1f4f9","tv":"1f4fa","radio":"1f4fb","vhs":"1f4fc","twisted_rightwards_arrows":"1f500","repeat":"1f501","repeat_one":"1f502","arrows_clockwise":"1f503","arrows_counterclockwise":"1f504","low_brightness":"1f505","high_brightness":"1f506","mute":"1f507","speaker":"1f508","sound":"1f509","loud_sound":"1f50a","battery":"1f50b","electric_plug":"1f50c","mag":"1f50d","mag_right":"1f50e","lock_with_ink_pen":"1f50f","closed_lock_with_key":"1f510","key":"1f511","lock":"1f512","unlock":"1f513","bell":"1f514","no_bell":"1f515","bookmark":"1f516","link":"1f517","radio_button":"1f518","back":"1f519","end":"1f51a","on":"1f51b","soon":"1f51c","top":"1f51d","underage":"1f51e","keycap_ten":"1f51f","capital_abcd":"1f520","abcd":"1f521","symbols":"1f523","abc":"1f524","fire":"1f525","flashlight":"1f526","wrench":"1f527","hammer":"1f528","nut_and_bolt":"1f529","hocho":"1f52a","knife":"1f52a","gun":"1f52b","microscope":"1f52c","telescope":"1f52d","crystal_ball":"1f52e","six_pointed_star":"1f52f","beginner":"1f530","trident":"1f531","black_square_button":"1f532","white_square_button":"1f533","red_circle":"1f534","large_blue_circle":"1f535","large_orange_diamond":"1f536","large_blue_diamond":"1f537","small_orange_diamond":"1f538","small_blue_diamond":"1f539","small_red_triangle":"1f53a","small_red_triangle_down":"1f53b","arrow_up_small":"1f53c","arrow_down_small":"1f53d","clock1":"1f550","clock2":"1f551","clock3":"1f552","clock4":"1f553","clock5":"1f554","clock6":"1f555","clock7":"1f556","clock8":"1f557","clock9":"1f558","clock10":"1f559","clock11":"1f55a","clock12":"1f55b","clock130":"1f55c","clock230":"1f55d","clock330":"1f55e","clock430":"1f55f","clock530":"1f560","clock630":"1f561","clock730":"1f562","clock830":"1f563","clock930":"1f564","clock1030":"1f565","clock1130":"1f566","clock1230":"1f567","mount_fuji":"1f5fb","tokyo_tower":"1f5fc","statue_of_liberty":"1f5fd","japan":"1f5fe","moyai":"1f5ff","grinning":"1f600","grin":"1f601","joy":"1f602","smiley":"1f603","smile":"1f604","sweat_smile":"1f605","laughing":"1f606","satisfied":"1f606","innocent":"1f607","smiling_imp":"1f608","wink":"1f609","blush":"1f60a","yum":"1f60b","relieved":"1f60c","heart_eyes":"1f60d","sunglasses":"1f60e","smirk":"1f60f","neutral_face":"1f610","expressionless":"1f611","unamused":"1f612","sweat":"1f613","pensive":"1f614","confused":"1f615","confounded":"1f616","kissing":"1f617","kissing_heart":"1f618","kissing_smiling_eyes":"1f619","kissing_closed_eyes":"1f61a","stuck_out_tongue":"1f61b","stuck_out_tongue_winking_eye":"1f61c","stuck_out_tongue_closed_eyes":"1f61d","disappointed":"1f61e","worried":"1f61f","angry":"1f620","rage":"1f621","cry":"1f622","persevere":"1f623","triumph":"1f624","disappointed_relieved":"1f625","frowning":"1f626","anguished":"1f627","fearful":"1f628","weary":"1f629","sleepy":"1f62a","tired_face":"1f62b","grimacing":"1f62c","sob":"1f62d","open_mouth":"1f62e","hushed":"1f62f","cold_sweat":"1f630","scream":"1f631","astonished":"1f632","flushed":"1f633","sleeping":"1f634","dizzy_face":"1f635","no_mouth":"1f636","mask":"1f637","smile_cat":"1f638","joy_cat":"1f639","smiley_cat":"1f63a","heart_eyes_cat":"1f63b","smirk_cat":"1f63c","kissing_cat":"1f63d","pouting_cat":"1f63e","crying_cat_face":"1f63f","scream_cat":"1f640","no_good":"1f645","ok_woman":"1f646","bow":"1f647","see_no_evil":"1f648","hear_no_evil":"1f649","speak_no_evil":"1f64a","raising_hand":"1f64b","raised_hands":"1f64c","person_frowning":"1f64d","person_with_pouting_face":"1f64e","pray":"1f64f","rocket":"1f680","helicopter":"1f681","steam_locomotive":"1f682","railway_car":"1f683","bullettrain_side":"1f684","bullettrain_front":"1f685","train2":"1f686","metro":"1f687","light_rail":"1f688","station":"1f689","tram":"1f68a","train":"1f68b","bus":"1f68c","oncoming_bus":"1f68d","trolleybus":"1f68e","busstop":"1f68f","minibus":"1f690","ambulance":"1f691","fire_engine":"1f692","police_car":"1f693","oncoming_police_car":"1f694","taxi":"1f695","oncoming_taxi":"1f696","car":"1f697","red_car":"1f697","oncoming_automobile":"1f698","blue_car":"1f699","truck":"1f69a","articulated_lorry":"1f69b","tractor":"1f69c","monorail":"1f69d","mountain_railway":"1f69e","suspension_railway":"1f69f","mountain_cableway":"1f6a0","aerial_tramway":"1f6a1","ship":"1f6a2","rowboat":"1f6a3","speedboat":"1f6a4","traffic_light":"1f6a5","vertical_traffic_light":"1f6a6","construction":"1f6a7","rotating_light":"1f6a8","triangular_flag_on_post":"1f6a9","door":"1f6aa","no_entry_sign":"1f6ab","smoking":"1f6ac","no_smoking":"1f6ad","put_litter_in_its_place":"1f6ae","do_not_litter":"1f6af","potable_water":"1f6b0","non-potable_water":"1f6b1","bike":"1f6b2","no_bicycles":"1f6b3","bicyclist":"1f6b4","mountain_bicyclist":"1f6b5","walking":"1f6b6","no_pedestrians":"1f6b7","children_crossing":"1f6b8","mens":"1f6b9","womens":"1f6ba","restroom":"1f6bb","baby_symbol":"1f6bc","toilet":"1f6bd","wc":"1f6be","shower":"1f6bf","bath":"1f6c0","bathtub":"1f6c1","passport_control":"1f6c2","customs":"1f6c3","baggage_claim":"1f6c4","left_luggage":"1f6c5","hash":"0023-20e3","zero":"0030-20e3","one":"0031-20e3","two":"0032-20e3","three":"0033-20e3","four":"0034-20e3","five":"0035-20e3","six":"0036-20e3","seven":"0037-20e3","eight":"0038-20e3","nine":"0039-20e3","flag-ae":"1f1e6-1f1ea","flag-at":"1f1e6-1f1f9","flag-au":"1f1e6-1f1fa","flag-be":"1f1e7-1f1ea","flag-br":"1f1e7-1f1f7","flag-ca":"1f1e8-1f1e6","flag-ch":"1f1e8-1f1ed","flag-cl":"1f1e8-1f1f1","flag-cn":"1f1e8-1f1f3","cn":"1f1e8-1f1f3","flag-co":"1f1e8-1f1f4","flag-de":"1f1e9-1f1ea","de":"1f1e9-1f1ea","flag-dk":"1f1e9-1f1f0","flag-es":"1f1ea-1f1f8","es":"1f1ea-1f1f8","flag-fi":"1f1eb-1f1ee","flag-fr":"1f1eb-1f1f7","fr":"1f1eb-1f1f7","flag-gb":"1f1ec-1f1e7","gb":"1f1ec-1f1e7","uk":"1f1ec-1f1e7","flag-hk":"1f1ed-1f1f0","flag-id":"1f1ee-1f1e9","flag-ie":"1f1ee-1f1ea","flag-il":"1f1ee-1f1f1","flag-in":"1f1ee-1f1f3","flag-it":"1f1ee-1f1f9","it":"1f1ee-1f1f9","flag-jp":"1f1ef-1f1f5","jp":"1f1ef-1f1f5","flag-kr":"1f1f0-1f1f7","kr":"1f1f0-1f1f7","flag-mo":"1f1f2-1f1f4","flag-mx":"1f1f2-1f1fd","flag-my":"1f1f2-1f1fe","flag-nl":"1f1f3-1f1f1","flag-no":"1f1f3-1f1f4","flag-nz":"1f1f3-1f1ff","flag-ph":"1f1f5-1f1ed","flag-pl":"1f1f5-1f1f1","flag-pr":"1f1f5-1f1f7","flag-pt":"1f1f5-1f1f9","flag-ru":"1f1f7-1f1fa","ru":"1f1f7-1f1fa","flag-sa":"1f1f8-1f1e6","flag-se":"1f1f8-1f1ea","flag-sg":"1f1f8-1f1ec","flag-tr":"1f1f9-1f1f7","flag-us":"1f1fa-1f1f8","us":"1f1fa-1f1f8","flag-vn":"1f1fb-1f1f3","flag-za":"1f1ff-1f1e6","man-man-boy":"1f468-200d-1f468-200d-1f466","man-man-boy-boy":"1f468-200d-1f468-200d-1f466-200d-1f466","man-man-girl":"1f468-200d-1f468-200d-1f467","man-man-girl-boy":"1f468-200d-1f468-200d-1f467-200d-1f466","man-man-girl-girl":"1f468-200d-1f468-200d-1f467-200d-1f467","man-woman-boy":"1f468-200d-1f469-200d-1f466","man-woman-boy-boy":"1f468-200d-1f469-200d-1f466-200d-1f466","man-woman-girl":"1f468-200d-1f469-200d-1f467","man-woman-girl-girl":"1f468-200d-1f469-200d-1f467-200d-1f467","man-heart-man":"1f468-200d-2764-fe0f-200d-1f468","man-kiss-man":"1f468-200d-2764-fe0f-200d-1f48b-200d-1f468","woman-woman-boy":"1f469-200d-1f469-200d-1f466","woman-woman-boy-boy":"1f469-200d-1f469-200d-1f466-200d-1f466","woman-woman-girl":"1f469-200d-1f469-200d-1f467","woman-woman-girl-boy":"1f469-200d-1f469-200d-1f467-200d-1f466","woman-woman-girl-girl":"1f469-200d-1f469-200d-1f467-200d-1f467","woman-heart-woman":"1f469-200d-2764-fe0f-200d-1f469","woman-kiss-woman":"1f469-200d-2764-fe0f-200d-1f48b-200d-1f469"};
var plugin = function(d3) {
d3.selection.prototype._append = d3.selection.prototype.append;
console.log(d3.selection.prototype)
// d3.selection.prototype.enter._append = d3.selection.enter.prototype.append;
d3.selection.prototype.append =
d3.selection.prototype.append = function(name) {
if(name === 'emoji') {
name = 'image';
return this._append(name).classed('_emoji', true);
}
return this._append(name);
}
d3.selection.prototype._attr = d3.selection.prototype.attr;
d3.selection.prototype._attr = d3.selection.prototype.attr;
d3.selection.prototype.attr =
d3.selection.prototype.attr = function(name, f) {
if(name === 'symbol') {
if(typeof f === 'function') {
return this._attr('xlink:href', function(d, i) {
return 'https://twemoji.maxcdn.com/svg/' + emojiMap[f(d, i).toLowerCase()].toLowerCase() + '.svg';
})
} else {
return this._attr('xlink:href', 'https://twemoji.maxcdn.com/svg/' + emojiMap[f.toLowerCase()].toLowerCase() + '.svg');
}
}
return this._attr(name, f);
}
d3.selection.prototype._selectAll = d3.selection.prototype.selectAll;
d3.selection.prototype._select = d3.selection.prototype.select;
var emojiRegex = /\bemoji\b/g;
d3.selection.prototype.select = function(name) {
if(typeof name === 'string') {
name = name.replace(emojiRegex, '._emoji');
}
return this._select(name)
}
d3.selection.prototype.selectAll = function(name) {
if (typeof name === 'string') {
name = name.replace(emojiRegex, '._emoji');
}
return this._selectAll(name);
}
}
// export as a Node module, an AMD module or a global browser variable
if (typeof module !== 'undefined') {
module.exports = plugin;
} else if (typeof define === 'function' && define.amd) {
define(function() {
return plugin;
});
} else {
if(window.d3 && window.d3.version) {
plugin(window.d3);
} else {
window.d3moji = plugin;
}
}
Raw
elephant_vanishes.json
[
{
"name": "Len Deighton",
"type": "closed_book",
"page": "6-1"
},
{
"name": "Allen Ginsberg",
"type": "closed_book",
"page": "8-1"
},
{
"name": "Clarence Darrow's Autobiography",
"type": "closed_book",
"page": "10-1"
},
{
"name": "Anna Karenina",
"type": "closed_book",
"page": "86-1"
},
{
"name": "Katherine Mansfield",
"type": "closed_book",
"page": "87-1"
},
{
"name": "Dostoyevsky",
"type": "closed_book",
"page": "101-1"
},
{
"name": "Francoise Sagan's Aimez-vous Brahms",
"type": "closed_book",
"page": "193-1"
},
{
"name": "Henry Miller",
"type": "closed_book",
"page": "193-2"
},
{
"name": "Jean Genet",
"type": "closed_book",
"page": "193-3"
},
{
"name": "The Annals",
"type": "closed_book",
"page": "238-1"
},
{
"name": "Red Star Over China",
"type": "closed_book",
"page" : "238-2"
},
{
"name": "War and Peace",
"type": "closed_book",
"page": "269-1"
},
{
"name": "Sherlock Holmes",
"type": "closed_book",
"page": "314-1"
},
{
"name": "Rossini's La Gazza Ladra",
"type": "musical_note",
"page": "4-1"
},
{
"name": "Claudio Abbalo and the London Symphony Orchestra",
"type": "musical_note",
"page": "4-1"
},
{
"name": "Robert Plant",
"type": "musical_note",
"page": "10-2"
},
{
"name": "Wagner Overatures - Tannhauser, The Flying Dutchman",
"type": "musical_note",
"page": "40-1"
},
{
"name": "Mahler",
"type": "musical_note",
"page": "55-1"
},
{
"name": "Brahms",
"type": "musical_note",
"page": "55-2"
},
{
"name": "Coloned Bogey March",
"type": "musical_note",
"page": "56-1"
},
{
"name": "Mozart",
"type": "musical_note",
"page": "78-1"
},
{
"name": "Shostakovich cello concerto",
"type": "musical_note",
"page": "116-1"
},
{
"name": "Sly and the family stone",
"type": "musical_note",
"page": "116-2"
},
{
"name": "Miles Davis' Airegin",
"type": "musical_note",
"page": "138-1"
},
{
"name": "Strauss Waltzes",
"type": "musical_note",
"page": "139-1"
},
{
"name": "Ravi Shanker",
"type": "musical_note",
"page": "140-1"
},
{
"name": "Herbie Hancock",
"type": "musical_note",
"page": "163-1"
},
{
"name": "Bruce Springsteen's Born in the USA",
"type": "musical_note",
"page": "167-1"
},
{
"name": "Julio Igelsias",
"type": "musical_note",
"page": "176-1"
},
{
"name": "Bruce Springsteen",
"type": "musical_note",
"page": "176-2"
},
{
"name": "Jeff Beck",
"type": "musical_note",
"page": "176-3"
},
{
"name": "The Doors",
"type": "musical_note",
"page": "176-4"
},
{
"name": "Willie Nelson",
"type": "musical_note",
"page": "180-1"
},
{
"name": "Cyndi Lauper",
"type": "musical_note",
"page": "181-1"
},
{
"name": "Richie Beirach Trio",
"type": "musical_note",
"page": "184-1"
},
{
"name": "Burt Bacharach",
"type": "musical_note",
"page": "193-4"
},
{
"name": "The Rolling Stones",
"type": "musical_note",
"page": "242-1"
},
{
"name": "Glenn Miller",
"type": "musical_note",
"page": "242-2"
},
{
"name": "Mitch Miller",
"type": "musical_note",
"page": "242-3"
},
{
"name": "Ravel's Daphins and Chloe",
"type": "musical_note",
"page": "242-4"
},
{
"name": "Frank Sinatra's Night and Day",
"type": "musical_note",
"page": "244-1"
},
{
"name": "Charlie Parker",
"type": "musical_note",
"page": "243-1"
},
{
"name": "Jim Morrison's Light my Fire",
"type": "musical_note",
"page": "268-1"
},
{
"name": "Paul McCartney's The long and Winding road",
"type": "musical_note",
"page": "268-2"
},
{
"name": "CCR",
"type": "musical_note",
"page": "275-1"
},
{
"name": "Grand Funk",
"type": "musical_note",
"page": "275-2"
},
{
"name": "Three Dogs Night's Mama told me not to come",
"type": "musical_note",
"page": "279-1"
},
{
"name": "Hope Regulars",
"type": "smoking",
"page": "20-1"
},
{
"name": "Marlboro",
"type": "smoking",
"page": "23-1"
},
{
"name": "McDonalds",
"type": "hamburger",
"page": "46-1"
},
{
"name": "Corolla",
"type": "red_car",
"page": "46-2"
},
{
"name": "Nissan Sentra",
"type": "red_car",
"page": "78-2"
},
{
"name": "Honda Civic",
"type": "red_car",
"page": "78-3"
},
{
"name": "Budweiser",
"type": "beer",
"page": "176-5"
},
{
"name": "Suburu",
"type": "red_car",
"page": "272-1"
},
{
"name": "White Horse",
"type": "wine_glass",
"page": "280-1"
},
{
"name": "I.W. Harper",
"type": "wine_glass",
"page": "162-1"
},
{
"name": "Candince Bergen",
"type": "movie_camera",
"page": "114-1"
},
{
"name": "The Wizard of Oz",
"type": "movie_camera",
"page":"36-1"
},
{
"name": "Woddy Allen",
"type": "movie_camera",
"page": "69-1"
},
{
"name": "Sophie's Choice",
"type": "movie_camera",
"page": "115-1"
},
{
"name": "Jaws",
"type": "movie_camera",
"page": "121-1"
},
{
"name": "Fellini films",
"type": "movie_camera",
"page": "136-1"
},
{
"name": "D.H. Lawrence",
"type": "closed_book",
"page": "71-1"
}
]
Raw
index.html
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
font: 10px sans-serif;
}
.main_title{
font: 25px sans-serif;
position: absolute;
left: 30%;
color: steelblue;
}
.axis path,
.axis line {
fill: none;
stroke: #000;
shape-rendering: crispEdges;
}
.dot {
stroke: none;
}
.table{
font: 15px sans-serif;
position: absolute;
left: 5%;
top: 20%;
}
.tooltip{
position: absolute;
width: 100px;
height: 30px;
padding: 2px;
font: 12px sans-serif;
background: lightgreen;
border: 2px;
border-radius: 5px;
pointer-events: none;
}
</style>
<body>
<script src="http://d3js.org/d3.v4.min.js"></script>
<script src="d3moji.js"></script>
<h2 class="main_title">Cultural References in Haruki Murakami's <i>The Elephant Vanishes</i></h2>
<script type="text/javascript">
var margin = {top: 20, right: 20, bottom: 30, left: 40},
width = 3460 - margin.left - margin.right,
height = 500 - margin.top - margin.bottom;
var x = d3.scaleLinear()
.domain([1,285])
.range([0, width]);
var xAxis = d3.axisBottom()
.scale(x)
.ticks(100);
var tooltip = d3.select("body")
.append("div")
.attr("class", "tooltip")
.style("opacity", 0);
var refrences = [{"Reference": "Literature", "Count": 14}, {"Reference": "Music", "Count": 35},{"Reference": "Movies", "Count": 6}, {"Reference": "Cars", "Count":3}, {"Reference": "Alcohol", "Count": 3}, {"Reference": "Cigarette", "Count":2}];
var tabulate = function (data,columns) {
var table = d3.select('body').append('table')
.attr("class", "table");
var thead = table.append('thead')
var tbody = table.append('tbody')
thead.append('tr')
.selectAll('th')
.data(columns)
.enter()
.append('th')
.text(function (d) { return d })
var rows = tbody.selectAll('tr')
.data(data)
.enter()
.append('tr')
var cells = rows.selectAll('td')
.data(function(row) {
return columns.map(function (column) {
return { column: column, value: row[column] }
})
})
.enter()
.append('td')
.text(function (d) { return d.value })
return table;
}
var columns = ["Reference", "Count"];
tabulate(refrences, columns);
var svg = d3.select("body").append("svg")
.attr("width", width + margin.left + margin.right)
.attr("height", height + margin.top + margin.bottom)
.append("g")
.attr("transform", "translate(" + margin.left + "," + margin.top + ")");
svg.append("g")
.attr("class", "x axis")
.attr("transform", "translate(0," + height + ")")
.call(xAxis)
.append("text")
.attr("class", "label")
.attr("x", 30)
.attr("y", -6)
.style("text-anchor", "end")
.text("Page Number");
d3.json('elephant_vanishes.json', function(error, data){
data.forEach(function(d){
d.name = d.name;
d.type = d.type;
d.page = d.page.split('-');
});
svg.selectAll("emojis")
.data(data)
.enter().append('emoji')
.attr('symbol', function(d){ return d.type})
.attr('width', 15)
.attr('height', 15)
.attr('x', function(d){return x(d.page[0])})
.attr('y', function(d){return height - 50*d.page[1]})
.on("click", function(d){
tooltip.transition()
.duration(200)
.style("opacity", .9);
tooltip.html(d.name)
.style("left", (d3.event.pageX + 10) + "px")
.style("top", (d3.event.pageY - 20) + "px");
})
})
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment