Built with blockbuilder.org
xxxxxxxxxx<meta charset="utf-8"><script src="https://d3js.org/d3.v4.min.js"></script><script src="https://momentjs.com/downloads/moment.js"></script><style> div.songInfo { width: 275px; padding: 10px; text-align: center; font: 11px sans-serif; background: lightsteelblue; border: 0px; border-radius: 8px; } #container { width: 900px; } #container div { margin:auto; } h1 { margin: 0 0 5px 0; padding: 0; font: 15px sans-serif; } div.tooltip { position: absolute; max-width: 100px; padding: 3px 6px; background: whitesmoke; border: 1px solid gray; border-radius: 5px; pointer-events: none; padding: 10px; } div.tooltip p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0; margin: 0; text-align: center; } </style><html> <body> <svg width="900" height="400"></svg> <div id='container'> </div> </body> <script> let artistWorksData = [] artistWorksData[0] = [{"name":"Madonna","title":"Like A Virgin","date":"1984-09","position":1,"url":"https://www.youtube.com/watch?v=s__rX_WL100"},{"name":"Madonna","title":"Crazy For You","date":"1985-02","position":1,"url":"https://www.youtube.com/watch?v=DHutZXREZ0E"},{"name":"Madonna","title":"Live To Tell","date":"1986-04","position":1,"url":"https://www.youtube.com/watch?v=IzAO9A9GjgI"},{"name":"Madonna","title":"Papa Don't Preach","date":"1986-06","position":1,"url":"https://www.youtube.com/watch?v=G333Is7VPOg"},{"name":"Madonna","title":"Open Your Heart","date":"1986-11","position":1,"url":"https://www.youtube.com/watch?v=snsTmi9N9Gs"},{"name":"Madonna","title":"Who's That Girl","date":"1987-06","position":1,"url":"https://www.youtube.com/watch?v=Zi8U2S-2-Cc"},{"name":"Madonna","title":"Like A Prayer","date":"1989-02","position":1,"url":"https://www.youtube.com/watch?v=79fzeNUqQbQ"},{"name":"Madonna","title":"Vogue","date":"1990-03","position":1,"url":"https://www.youtube.com/watch?v=GuJQSAiODqI"},{"name":"Madonna","title":"Justify My Love","date":"1990-11","position":1,"url":"https://www.youtube.com/watch?v=Np_Y740aReI"},{"name":"Madonna","title":"This Used To Be My Playground","date":"1992-07","position":1,"url":"https://www.youtube.com/watch?v=RhXDO2a3-sE"},{"name":"Madonna","title":"Take A Bow","date":"1994-11","position":1,"url":"https://www.youtube.com/watch?v=XDeiovnCv1o"},{"name":"Madonna","title":"Music","date":"2000-08","position":1,"url":"https://www.youtube.com/watch?v=Sdz2oW0NMFk"},{"name":"Madonna","title":"Material Girl","date":"1985-01","position":2,"url":"https://www.youtube.com/watch?v=6p-lDYPR2P8"},{"name":"Madonna","title":"Causing A Commotion","date":"1987-08","position":2,"url":"https://www.youtube.com/watch?v=Ud3x2wz3WHA"},{"name":"Madonna","title":"Express Yourself","date":"1989-05","position":2,"url":"https://www.youtube.com/watch?v=GsVcUzP_O_8"},{"name":"Madonna","title":"Cherish","date":"1989-08","position":2,"url":"https://www.youtube.com/watch?v=8q2WS6ahCnY"},{"name":"Madonna","title":"I'll Remember","date":"1994-03","position":2,"url":"https://www.youtube.com/watch?v=R0cfZczo4yk"},{"name":"Madonna","title":"Frozen","date":"1998-02","position":2,"url":"https://www.youtube.com/watch?v=XS088Opj9o0"},{"name":"Madonna","title":"True Blue","date":"1986-09","position":3,"url":"https://www.youtube.com/watch?v=P51LunEV3Sk"},{"name":"Madonna","title":"Erotica","date":"1992-05","position":3,"url":"https://www.youtube.com/watch?v=WyhdvRWEWRw"},{"name":"Madonna","title":"Secret","date":"1994-08","position":3,"url":"https://www.youtube.com/watch?v=EPHUZenprKc"},{"name":"Madonna","title":"4 Minutes (with Justin Timberlake)","date":"2008-04","position":3,"url":"https://www.youtube.com/watch?v=aAQZPBwz2CI"},{"name":"Madonna","title":"Lucky Star","date":"1984-08","position":4,"url":"https://www.youtube.com/watch?v=ThHz9wlBeLU"},{"name":"Madonna","title":"La Isla Bonita","date":"1987-03","position":4,"url":"https://www.youtube.com/watch?v=zpzdgmqIHOQ"},{"name":"Madonna","title":"Don't Tell Me","date":"2000-11","position":4,"url":"https://www.youtube.com/watch?v=FRLHro9EPD0"},{"name":"Madonna","title":"Angel","date":"1985-04","position":5,"url":"https://www.youtube.com/watch?v=J7W3oVF4O1Q"},{"name":"Madonna","title":"Dress You Up","date":"1985-08","position":5,"url":"https://www.youtube.com/watch?v=67hlpwo670k"},{"name":"Madonna","title":"Ray Of Light","date":"1998-04","position":5,"url":"https://www.youtube.com/watch?v=x3ov9USxVxY"},{"name":"Madonna","title":"You'll See","date":"1995-10","position":6,"url":"https://www.youtube.com/watch?v=zyFzpBAZICc"},{"name":"Madonna","title":"Deeper And Deeper","date":"1992-11","position":7,"url":"https://www.youtube.com/watch?v=sJV29ZQIUhs"},{"name":"Madonna","title":"Hung Up","date":"2005-07","position":7,"url":"https://www.youtube.com/watch?v=EDwb9jOVRtU"},{"name":"Madonna","title":"Keep It Together","date":"1990-01","position":8,"url":"https://www.youtube.com/watch?v=mHek0kaNXjY"},{"name":"Madonna","title":"Don't Cry For Me Argentina","date":"1996-12","position":8,"url":"https://www.youtube.com/watch?v=KD_1Z8iUDho"},{"name":"Madonna","title":"vDie Another Day","date":"2002-10","position":8,"url":"https://www.youtube.com/watch?v=VlbaJA7aO9M"},{"name":"Madonna","title":"Rescue Me","date":"1990-11","position":9,"url":"https://www.youtube.com/watch?v=qKVsF2yiAUA"},{"name":"Madonna","title":"Borderline","date":"1984-05","position":10,"url":"https://www.youtube.com/watch?v=rSaC-YbSDpo"},{"name":"Madonna","title":"Hanky Panky","date":"1990-06","position":10,"url":"https://www.youtube.com/watch?v=AFSx9fE1qJ8"},{"name":"Madonna","title":"Give Me All Your Luvin' and M.I.A. (with Nicki Minaj)","date":"2012-02","position":10,"url":"https://www.youtube.com/watch?v=cItHOl5LRWg"}] artistWorksData[1] = [{"name":"Drake","title":"What's My Name? (with Rihaanna)","date":"2010-10","position":1,"url":"https://www.youtube.com/watch?v=U0CGsw6h60k"},{"name":"Drake","title":"Work (with Rihanna)","date":"2016-01","position":1,"url":"https://www.youtube.com/watch?v=HL1UzIK-flA"},{"name":"Drake","title":"One Dance and Kyla (with WizKid)","date":"2016-08","position":1,"url":"https://www.youtube.com/watch?v=iAbnEUA0wpA"},{"name":"Drake","title":"God's Plan","date":"2018-01","position":1,"url":"https://www.youtube.com/watch?v=xpVfcZ0ZcFM"},{"name":"Drake","title":"Nice For What","date":"2018-04","position":1,"url":"https://www.youtube.com/watch?v=U9BwWKXjVaI"},{"name":"Drake","title":"In My Feelings","date":"2018-06","position":1,"url":"https://www.youtube.com/watch?v=DRS_PpOrUZ4"},{"name":"Drake","title":"Best I Ever Had","date":"2009-05","position":2,"url":"https://www.youtube.com/watch?v=Zfp3KfYH0xA"},{"name":"Drake","title":"Hotline Bling","date":"2015-08","position":2,"url":"https://www.youtube.com/watch?v=uxpDa-c-4Mc"},{"name":"Drake","title":"Nonstop","date":"2018-06","position":2,"url":"https://www.youtube.com/watch?v=lJTRVX9R5EA"},{"name":"Drake","title":"She Will (with Lil' Wayne)","date":"2011-08","position":3,"url":"https://www.youtube.com/watch?v=_7nYuyfkjCk"},{"name":"Drake","title":"Hold On We're Going Home (with Majid Jordan)","date":"2013-08","position":4,"url":"https://www.youtube.com/watch?v=GxgqpCdOKak"},{"name":"Drake","title":"Find Your Love","date":"2010-05","position":5,"url":"https://www.youtube.com/watch?v=Xyv4Bjja8yc"},{"name":"Drake","title":"Look Alive (with BlocBoy JB)","date":"2018-02","position":5,"url":"https://www.youtube.com/watch?v=NV-3s2wwC8c"},{"name":"Drake","title":"MIA (with Bad Bunny)","date":"2018-10","position":5,"url":"https://www.youtube.com/watch?v=OSUxrSe5GbI"},{"name":"Drake","title":"Right Above It (with Lil' Wayne)","date":"2010-08","position":6,"url":"https://www.youtube.com/watch?v=CHZtMNbrmWE"},{"name":"Drake","title":"Started From The Bottom","date":"2013-02","position":6,"url":"https://www.youtube.com/watch?v=RubBzkZzpUA"},{"name":"Drake","title":"Summer Sixteen","date":"2016-01","position":6,"url":"https://www.youtube.com/watch?v=LmbC_aqI4no"},{"name":"Drake","title":"Yes Indeed (with Lil Baby)","date":"2018-05","position":6,"url":"https://www.youtube.com/watch?v=AbEHRrq7xwU"},{"name":"Drake","title":"Going Bad (with Meek Mill)","date":"2018-12","position":6,"url":"https://www.youtube.com/watch?v=S1gp0m4B5p8"},{"name":"Drake","title":"Take Care (with Rihanna)","date":"2011-11","position":7,"url":"https://www.youtube.com/watch?v=-zzP29emgpg"},{"name":"Drake","title":"Diplomatic Immunity","date":"2018-01","position":7,"url":"https://www.youtube.com/watch?v=c57SJmqpp5g"},{"name":"Drake","title":"I'm Upset","date":"2018-05","position":7,"url":"https://www.youtube.com/watch?v=rIhx2wZ8jnA"},{"name":"Drake","title":"Money In The Grave (with Rick Ross)","date":"2019-06","position":7,"url":"https://www.youtube.com/watch?v=b3lH6CULHD0"},{"name":"Drake","title":"Forever (with Lil Wayne and Eminem)","date":"2009-09","position":8,"url":"https://www.youtube.com/watch?v=eDuRoPIOBjE"},{"name":"Drake","title":"Fuckin' Problems (with 2 Chainz Kendrick Lamar and A$ap Rocky)","date":"2012-11","position":8,"url":"https://www.youtube.com/watch?v=liZm1im2erU"},{"name":"Drake","title":"Fake Love","date":"2016-10","position":8,"url":"https://www.youtube.com/watch?v=k9o6HN9pQXY"},{"name":"Drake","title":"Passionfruit","date":"2017-03","position":8,"url":"https://www.youtube.com/watch?v=COz9lDCFHjw"},{"name":"Drake","title":"Emotionless","date":"2018-06","position":8,"url":"https://www.youtube.com/watch?v=qIXhOXfx-qY"},{"name":"Drake","title":"Make Me Proud (with Nicki Minaj)","date":"2011-10","position":9,"url":"https://www.youtube.com/watch?v=0P_-ol5E0j8"},{"name":"Drake","title":"Love Me (with Future and Lil Wayne)","date":"2013-01","position":9,"url":"https://www.youtube.com/watch?v=KY44zvhWhp4"},{"name":"Drake","title":"Portland (with Travis Scott and Quavo)","date":"2017-03","position":9,"url":"https://www.youtube.com/watch?v=wg1rQdwiB2A"},{"name":"Drake","title":"Don't Matter To Me (with Michael Jackson)","date":"2018-06","position":9,"url":"https://www.youtube.com/watch?v=cY5qcEyUZfE"},{"name":"Drake","title":"No Guidance (with Chris Brown)","date":"2019-06","position":9,"url":"https://www.youtube.com/watch?v=6L_k74BOLag"},{"name":"Drake","title":"I'm On One (with Rick Ross Lil Wayne and DJ Khaled)","date":"2011-05","position":10,"url":"https://www.youtube.com/watch?v=Z09lYqdxqzo"},{"name":"Drake","title":"Walk It Talk It (with Migos)","date":"2018-01","position":10,"url":"https://www.youtube.com/watch?v=fGqdIPer-ms"}] artistWorksData[2] = [{"name":"Elvis Presley","title":"Heartbreak Hotel","date":"1956-01","position":1,"url":"https://www.youtube.com/watch?v=e9BLw4W5KU8"},{"name":"Elvis Presley","title":"Hound Dog","date":"1956-07","position":1,"url":"https://www.youtube.com/watch?v=-eHJ12Vhpyc"},{"name":"Elvis Presley","title":"Too Much","date":"1957-01","position":1,"url":"https://www.youtube.com/watch?v=GPc8XNtlDk4"},{"name":"Elvis Presley","title":"All Shook Up","date":"1957-03","position":1,"url":"https://www.youtube.com/watch?v=23zLefwiii4"},{"name":"Elvis Presley","title":"(Let Me Be Your) Teddy Bear","date":"1957-05","position":1,"url":"https://www.youtube.com/watch?v=NkDbk-egHH4"},{"name":"Elvis Presley","title":"Jailhouse Rock","date":"1957-09","position":1,"url":"https://www.youtube.com/watch?v=PpsUOOfb-vE"},{"name":"Elvis Presley","title":"Don't","date":"1958-01","position":1,"url":"https://www.youtube.com/watch?v=8jbLez_LQyI"},{"name":"Elvis Presley","title":"Hard Headed Woman","date":"1958-06","position":1,"url":"https://www.youtube.com/watch?v=SuhzAixFydo"},{"name":"Elvis Presley","title":"Big Hunk O'Love","date":"1959-06","position":1,"url":"https://www.youtube.com/watch?v=VqyVe8tfLm0"},{"name":"Elvis Presley","title":"Stuck On You","date":"1960-03","position":1,"url":"https://www.youtube.com/watch?v=jVqR2PwX428"},{"name":"Elvis Presley","title":"It's Now Or Never","date":"1960-07","position":1,"url":"https://www.youtube.com/watch?v=Uwelrtb8Oho"},{"name":"Elvis Presley","title":"Are You Lonesome Tonight","date":"1960-01","position":1,"url":"https://www.youtube.com/watch?v=9XVdtX7uSnk"},{"name":"Elvis Presley","title":"Surrender (Torna A Surriento)","date":"1961-02","position":1,"url":"https://www.youtube.com/watch?v=O3Bj9fQkvGo"},{"name":"Elvis Presley","title":"Good Luck Charm","date":"1962-03","position":1,"url":"https://www.youtube.com/watch?v=Z0gx4kPDW0w"},{"name":"Elvis Presley","title":"Suspicious Minds","date":"1969-09","position":1,"url":"https://www.youtube.com/watch?v=RxOBOhRECoo"},{"name":"Elvis Presley","title":"Burning Love","date":"1972-08","position":1,"url":"https://www.youtube.com/watch?v=zf2VYAtqRe0"},{"name":"Elvis Presley","title":"Wear My Ring Round Your Neck","date":"1958-03","position":2,"url":"https://www.youtube.com/watch?v=0DMrKkGnP6Y"},{"name":"Elvis Presley","title":"(Now And Then There's) A Fool Such As I","date":"1959-03","position":2,"url":"https://www.youtube.com/watch?v=-unOfZiTM_0"},{"name":"Elvis Presley","title":"Can't Help Falling In Love","date":"1961-11","position":2,"url":"https://www.youtube.com/watch?v=vGJTaP6anOU"},{"name":"Elvis Presley","title":"Return To Sender","date":"1962-10","position":2,"url":"https://www.youtube.com/watch?v=LZmUfUBqE-s"},{"name":"Elvis Presley","title":"Peace In The Valley (For Me)","date":"1957-03","position":3,"url":"https://www.youtube.com/watch?v=SMD8d7oUjxw"},{"name":"Elvis Presley","title":"(You're The) Devil In Disguise","date":"1963-06","position":3,"url":"https://www.youtube.com/watch?v=emjLXdsj6xA"},{"name":"Elvis Presley","title":"Crying In The Chapel","date":"1965-04","position":3,"url":"https://www.youtube.com/watch?v=CYOUcV7nlN8"},{"name":"Elvis Presley","title":"In The Ghetto","date":"1969-04","position":3,"url":"https://www.youtube.com/watch?v=FJ-r0bilzhU"},{"name":"Elvis Presley","title":"One Night","date":"1958-10","position":4,"url":"https://www.youtube.com/watch?v=Hb18smk-GvA"},{"name":"Elvis Presley","title":"(Marie's The Name) His Latest Flame","date":"1961-08","position":4,"url":"https://www.youtube.com/watch?v=59pOE3OmUi8"},{"name":"Elvis Presley","title":"Wild In The Country","date":"1961-05","position":5,"url":"https://www.youtube.com/watch?v=ONNGi67wTvk"},{"name":"Elvis Presley","title":"She's Not You","date":"1962-07","position":5,"url":"https://www.youtube.com/watch?v=qZQwc0yUZIM"},{"name":"Elvis Presley","title":"Don't Cry Daddy","date":"1969-11","position":6,"url":"https://www.youtube.com/watch?v=w8YHBvX4QtM"},{"name":"Elvis Presley","title":"Bossa Nova Baby","date":"1963-10","position":8,"url":"https://www.youtube.com/watch?v=W0hTGwSME_U"},{"name":"Elvis Presley","title":"The Wonder Of You (live)","date":"1970-05","position":9,"url":"https://www.youtube.com/watch?v=F5eEvfOyb7k"}] artistWorksData[3] = [{"name":"Rihianna","title":"SOS","date":"2006-02","position":1,"url":"https://youtu.be/IXmF4GbA86E"},{"name":"Rihianna","title":"Umbrella (with Jay Z)","date":"2007-04","position":1,"url":"https://youtu.be/CvBfHwUxHIk"},{"name":"Rihianna","title":"Take A Bow","date":"2008-04","position":1,"url":"https://youtu.be/J3UjJ4wKLkg"},{"name":"Rihianna","title":"Disturbia","date":"2008-05","position":1,"url":"https://youtu.be/E1mU6h4Xdxc"},{"name":"Rihianna","title":"Live Your Life (with T.I.)","date":"2008-10","position":1,"url":"https://youtu.be/koVHN6eO4Xg"},{"name":"Rihianna","title":"Rude Boy","date":"2010-01","position":1,"url":"https://youtu.be/e82VE8UtW8A"},{"name":"Rihianna","title":"Love The Way You Lie (with Eminem)","date":"2010-06","position":1,"url":"https://youtu.be/uelHwf8o7_U"},{"name":"Rihianna","title":"Only Girl (In The World)","date":"2010-09","position":1,"url":"https://youtu.be/pa14VNsdSYM"},{"name":"Rihianna","title":"What's My Name? (with Drake)","date":"2010-10","position":1,"url":"https://youtu.be/U0CGsw6h60k"},{"name":"Rihianna","title":"S & M","date":"2010-10","position":1,"url":"https://youtu.be/rCF8BLm6gKA"},{"name":"Rihianna","title":"We Found Love (with Calvin Harris)","date":"2011-11","position":1,"url":"https://youtu.be/tg00YEETFzg"},{"name":"Rihianna","title":"Diamonds","date":"2012-09","position":1,"url":"https://youtu.be/lWA2pjMjpBs"},{"name":"Rihianna","title":"The Monster (with Eminem)","date":"2013-10","position":1,"url":"https://youtu.be/EHkozMIXZ8w"},{"name":"Rihianna","title":"Work (with Drake)","date":"2016-01","position":1,"url":"https://youtu.be/4pdBg88UOAk"},{"name":"Rihianna","title":"Pon de Replay","date":"2005-05","position":2,"url":"https://youtu.be/oEauWw9ZGrA"},{"name":"Rihianna","title":"Run This Town (with Jay-Z and Kanye West)","date":"2009-07","position":2,"url":"https://youtu.be/ygC8b7F8lP0"},{"name":"Rihianna","title":"Wild Thoughts (with Bryson Tiller and DJ Khaled)","date":"2017-06","position":2,"url":"https://youtu.be/fyaI4-5849w"},{"name":"Rihianna","title":"Don't Stop The Music","date":"2007-09","position":3,"url":"https://youtu.be/yd8jh9QYfEs"},{"name":"Rihianna","title":"Stay (with Mikky Ekko)","date":"2012-11","position":3,"url":"https://youtu.be/JF8BRvqGCNs"},{"name":"Rihianna","title":"This Is What You Came For (with Calvin Harris)","date":"2016-04","position":3,"url":"https://youtu.be/kOkQ4T5WO9E"},{"name":"Rihianna","title":"FourFiveSeconds (with Kanye West and Paul McCartney)","date":"2015-01","position":4,"url":"https://youtu.be/kt0g4dWxEBo"},{"name":"Rihianna","title":"Where Have You Been","date":"2011-11","position":5,"url":"https://youtu.be/HBxt_v0WF6Y"},{"name":"Rihianna","title":"Love On The Brain","date":"2016-05","position":5,"url":"https://youtu.be/0RyInjfgNc4"},{"name":"Rihianna","title":"Unfaithful","date":"2006-04","position":6,"url":"https://youtu.be/rp4UwPZfRis"},{"name":"Rihianna","title":"Hate That I Love You (with Ne-Yo)","date":"2007-08","position":7,"url":"https://youtu.be/KMOOr7GEkj8"},{"name":"Rihianna","title":"Cheers (Drink To That)","date":"2011-07","position":7,"url":"https://youtu.be/ZR0v0i63PQ4"},{"name":"Rihianna","title":"Take Care (with Drake)","date":"2011-11","position":7,"url":"https://youtu.be/-zzP29emgpg"},{"name":"Rihianna","title":"Needed Me","date":"2016-02","position":7,"url":"https://youtu.be/wfN4PVaOU5Q"},{"name":"Rihianna","title":"Hard (with Jeezy)","date":"2009-11","position":8,"url":"https://youtu.be/Xcwd_Nz6Zog"},{"name":"Rihianna","title":"Break It Off (with Sean Paul)","date":"2006-11","position":9,"url":"https://youtu.be/5B9rrZmRpI8"},{"name":"Rihianna","title":"Russian Roulette","date":"2009-10","position":9,"url":"https://youtu.be/ZQ2nCGawrSY"}] artistWorksData[4] = [{"name":"Michael Jackson","title":"Got To Be There","date":"1971-10","position":1,"url":"https://youtu.be/1dp2FiFfCNY"},{"name":"Michael Jackson","title":"Rockin' Robin","date":"1972-02","position":1,"url":"https://youtu.be/9_G637sWOJk"},{"name":"Michael Jackson","title":"Ben","date":"1972-08","position":1,"url":"https://youtu.be/g40WCBaUXR4"},{"name":"Michael Jackson","title":"Don't Stop 'Til You Get Enough","date":"1979-07","position":1,"url":"https://youtu.be/yURRmWtbTbo"},{"name":"Michael Jackson","title":"Rock With You","date":"1979-10","position":1,"url":"https://youtu.be/5X-Mrc2l1d0"},{"name":"Michael Jackson","title":"Billie Jean","date":"1983-01","position":1,"url":"https://youtu.be/Zi_XLOBDo_Y"},{"name":"Michael Jackson","title":"Beat It","date":"1983-02","position":1,"url":"https://youtu.be/oRdxUFDoQe0"},{"name":"Michael Jackson","title":"Say, Say, Say","date":"1983-03","position":1,"url":"https://youtu.be/aLEhh_XpJ-0"},{"name":"Michael Jackson","title":"I Just Can't Stop Loving You","date":"1987-07","position":1,"url":"https://youtu.be/fKBiYBWRYDM"},{"name":"Michael Jackson","title":"Bad","date":"1987-09","position":1,"url":"https://youtu.be/fKBiYBWRYDM"},{"name":"Michael Jackson","title":"The Way You Make Me Feel","date":"1987-11","position":1,"url":"https://youtu.be/HzZ_urpj4As"},{"name":"Michael Jackson","title":"Man In The Mirror","date":"1988-01","position":1,"url":"https://youtu.be/PivWY9wn5ps"},{"name":"Michael Jackson","title":"Dirty Diana","date":"1988-05","position":1,"url":"https://youtu.be/yUi_S6YWjZw"},{"name":"Michael Jackson","title":"Black Or White","date":"1991-11","position":1,"url":"https://youtu.be/IdGDuzVD7rg"},{"name":"Michael Jackson","title":"Remember The Time","date":"1992-01","position":1,"url":"https://youtu.be/q9YyV-4mM94"},{"name":"Michael Jackson","title":"You Are Not Alone","date":"1995-08","position":1,"url":"https://youtu.be/pAyKJAtDNCw"},{"name":"Michael Jackson","title":"The Girl Is Mine","date":"1982-10","position":2,"url":"https://youtu.be/FNqMrYgm9w0"},{"name":"Michael Jackson","title":"Thriller","date":"1984-01","position":4,"url":"https://youtu.be/xIx_HbmRnQY"},{"name":"Michael Jackson","title":"Wanna Be Starting Something","date":"1983-05","position":5,"url":"https://youtu.be/4Uj3zitETs4"},{"name":"Michael Jackson","title":"Scream (with Janet Jackson)","date":"1995-05","position":5,"url":"https://youtu.be/0P4A1K4lXDo"},{"name":"Michael Jackson","title":"In The Closet","date":"1992-06","position":6,"url":"https://youtu.be/4qLY0vbrT8Q"},{"name":"Michael Jackson","title":"Human Nature","date":"1983-07","position":7,"url":"https://youtu.be/tKAh--ss1r0"},{"name":"Michael Jackson","title":"Smooth Criminal","date":"1988-11","position":7,"url":"https://youtu.be/h_D3VFfhvs4"},{"name":"Michael Jackson","title":"Will You Be There?","date":"1993-07","position":7,"url":"https://youtu.be/jQY_QL_wvQU"},{"name":"Michael Jackson","title":"Love Never Felt So Good (with Justin Timberlake)","date":"2014-01","position":9,"url":"https://youtu.be/oG08ukJPtR8"},{"name":"Michael Jackson","title":"Don't Matter To Me (with Drake)","date":"2018-06","position":9,"url":"https://youtu.be/cY5qcEyUZfE"},{"name":"Michael Jackson","title":"Off The Wall","date":"1980-02","position":10,"url":"https://youtu.be/B3MFbhwfEXU"},{"name":"Michael Jackson","title":"She's Out Of My Life","date":"1980-04","position":10,"url":"https://youtu.be/6DQJPL9Yuq0"},{"name":"Michael Jackson","title":"P.Y.T. (Pretty Young Thing)","date":"1983-09","position":10,"url":"https://youtu.be/1ZZQuj6htF4"},{"name":"Michael Jackson","title":"You Rock My World","date":"2001-02","position":10,"url":"https://youtu.be/C1kHeeEMe-s"}] artistWorksData[5] = [{"name":"The Beatles","title":"Love Me Do","date":"1962-05","position":1,"url":"https://www.youtube.com/watch?v=0pGOFX1D_jg"},{"name":"The Beatles","title":"She Loves You","date":"1963-08","position":1,"url":"https://www.youtube.com/watch?v=nGbWU8S3vzs"},{"name":"The Beatles","title":"I Want To Hold Your Hand","date":"1963-12","position":1,"url":"https://www.youtube.com/watch?v=v1HDt1tknTc"},{"name":"The Beatles","title":"Can't Buy Me Love","date":"1964-03","position":1,"url":"https://www.youtube.com/watch?v=h3WJiqc_bEs"},{"name":"The Beatles","title":"A Hard Day's Night","date":"1964-07","position":1,"url":"https://www.youtube.com/watch?v=AMSiHdrHl0g"},{"name":"The Beatles","title":"I Feel Fine","date":"1964-11","position":1,"url":"https://www.youtube.com/watch?v=xLBVgnZyuic"},{"name":"The Beatles","title":"Eight Days A Week","date":"1965-01","position":1,"url":"https://www.youtube.com/watch?v=XTfmuDjwQTw"},{"name":"The Beatles","title":"Ticket To Ride","date":"1965-09","position":1,"url":"https://www.youtube.com/watch?v=UHsN9d4FTVI"},{"name":"The Beatles","title":"Help!","date":"1965-01","position":1,"url":"https://www.youtube.com/watch?v=MKUex3fci5c"},{"name":"The Beatles","title":"Yesterday","date":"1965-09","position":1,"url":"https://www.youtube.com/watch?v=NrgmdOz227I"},{"name":"The Beatles","title":"Day Tripper","date":"1965-03","position":1,"url":"https://www.youtube.com/watch?v=2IbPn5j2YKk"},{"name":"The Beatles","title":"Paperback Writer","date":"1966-10","position":1,"url":"https://www.youtube.com/watch?v=SepZDSkY4Ro"},{"name":"The Beatles","title":"Penny Lane","date":"1967-02","position":1,"url":"https://www.youtube.com/watch?v=z7syIxQCquo"},{"name":"The Beatles","title":"All You Need Is Love","date":"1967-07","position":1,"url":"https://www.youtube.com/watch?v=4EGczv7iiEk"},{"name":"The Beatles","title":"Hello Goodbye","date":"1967-11","position":1,"url":"https://www.youtube.com/watch?v=P2C3f0Atcoo"},{"name":"The Beatles","title":"Hey Jude","date":"1968-08","position":1,"url":"https://www.youtube.com/watch?v=mQER0A0ej0M"},{"name":"The Beatles","title":"Get Back","date":"1969-04","position":1,"url":"https://www.youtube.com/watch?v=YEESfv-11ng"},{"name":"The Beatles","title":"Something","date":"1969-10","position":1,"url":"https://www.youtube.com/watch?v=MZ3Vh8jZFdE"},{"name":"The Beatles","title":"Let It Be","date":"1970-06","position":1,"url":"https://www.youtube.com/watch?v=HzvDofigTKQ"},{"name":"The Beatles","title":"The Long And Winding Road","date":"1970-05","position":1,"url":"https://www.youtube.com/watch?v=NR0u_qjq2fM"},{"name":"The Beatles","title":"Twist And Shout","date":"1964-03","position":2,"url":"https://www.youtube.com/watch?v=2RicaUqd9Hg"},{"name":"The Beatles","title":"Do You Want To Know A Secret","date":"1964-03","position":2,"url":"https://www.youtube.com/watch?v=uRQ7ecvU56k"},{"name":"The Beatles","title":"Yellow Submarine","date":"1966-05","position":2,"url":"https://www.youtube.com/watch?v=ztHxu-13UqI"},{"name":"The Beatles","title":"Please Please Me","date":"1963-12","position":3,"url":"https://www.youtube.com/watch?v=czw8eqepir8"},{"name":"The Beatles","title":"Nowhere Man","date":"1966-02","position":3,"url":"https://www.youtube.com/watch?v=8scSwaKbE64"},{"name":"The Beatles","title":"Got To Get You Into My Life","date":"1976-06","position":3,"url":"https://www.youtube.com/watch?v=r95-7zfgtLw"},{"name":"The Beatles","title":"Lady Madonna","date":"1968-03","position":4,"url":"https://www.youtube.com/watch?v=C56lDvKV8tk"},{"name":"The Beatles","title":"Free As A Bird","date":"1995-04","position":6,"url":"https://www.youtube.com/watch?v=ODIvONHPqpk"},{"name":"The Beatles","title":"The Ballad Of John And Yoko","date":"1969-05","position":8,"url":"https://www.youtube.com/watch?v=vzd_DfGGx0I"}] artistWorksData[6] = [{"name":"Mariah Carey","title":"Vision Of Love","date":"1990-05","position":1,"url":"https://youtu.be/tov22NtCMC4"},{"name":"Mariah Carey","title":"Love Takes Time","date":"1990-09","position":1,"url":"https://youtu.be/FkDpwF6-QiA"},{"name":"Mariah Carey","title":"Someday","date":"1990-12","position":1,"url":"https://youtu.be/4RWfSUWVP2I"},{"name":"Mariah Carey","title":"I Don't Wanna Cry","date":"1991-03","position":1,"url":"https://youtu.be/QfG1qwl-Zho"},{"name":"Mariah Carey","title":"Emotions","date":"1991-08","position":1,"url":"https://youtu.be/NrJEFrth27Q"},{"name":"Mariah Carey","title":"I'll Be There","date":"1992-05","position":1,"url":"https://youtu.be/UIt3dx4an9c"},{"name":"Mariah Carey","title":"Dreamlover","date":"1993-02","position":1,"url":"https://youtu.be/CqBtS6BIP1E"},{"name":"Mariah Carey","title":"Hero","date":"1993-10","position":1,"url":"https://youtu.be/0IA3ZvCkRkQ"},{"name":"Mariah Carey","title":"Fantasy","date":"1995-09","position":1,"url":"https://youtu.be/qq09UkPRdFY"},{"name":"Mariah Carey","title":"One Sweet Day (with Boyz II Men)","date":"1995-11","position":1,"url":"https://youtu.be/UXxRyNvTPr8"},{"name":"Mariah Carey","title":"Always Be My Baby","date":"1996-03","position":1,"url":"https://youtu.be/LfRNRymrv9k"},{"name":"Mariah Carey","title":"Honey","date":"1997-08","position":1,"url":"https://youtu.be/w3KOowB4k_k"},{"name":"Mariah Carey","title":"My All","date":"1998-09","position":1,"url":"https://youtu.be/mIhI23gBBPQ"},{"name":"Mariah Carey","title":"Heartbreaker (with Jay-Z)","date":"1999-09","position":1,"url":"https://youtu.be/kMCGvtlL4fw"},{"name":"Mariah Carey","title":"Thank God I've Found You (with 98 Degrees)","date":"2000-01","position":1,"url":"https://youtu.be/7KVxjQUCyn0"},{"name":"Mariah Carey","title":"We Belong Together","date":"2005-04","position":1,"url":"https://youtu.be/0habxsuXW4g"},{"name":"Mariah Carey","title":"Don't Forget About Us","date":"2005-10","position":1,"url":"https://youtu.be/8tZkzL4j3BU"},{"name":"Mariah Carey","title":"Touch My Body","date":"2008-02","position":1,"url":"https://youtu.be/9b8erWuBA44"},{"name":"Mariah Carey","title":"Can't Let Go","date":"1991-11","position":2,"url":"https://youtu.be/yU1knfz15xI"},{"name":"Mariah Carey","title":"Make It Happen","date":"1992-02","position":2,"url":"https://youtu.be/-Q6xx0JfMBI"},{"name":"Mariah Carey","title":"Endless Love (with Luther Vandross)","date":"1994-05","position":2,"url":"https://youtu.be/Nu9RVPTpDyA"},{"name":"Mariah Carey","title":"Loverboy","date":"2001-07","position":2,"url":"https://youtu.be/IDM60CimbJw"},{"name":"Mariah Carey","title":"Shake It Off","date":"2005-07","position":2,"url":"https://youtu.be/jZVdDl_asYY"},{"name":"Mariah Carey","title":"Without You","date":"1994-07","position":3,"url":"https://youtu.be/Hat1Hc9SNwE"},{"name":"Mariah Carey","title":"I Know What You Want (with Busta Rhymes)","date":"2003-03","position":3,"url":"https://youtu.be/WDaNJW_jEBo"},{"name":"Mariah Carey","title":"All I Want for Christmas Is You","date":"2018-11","position":3,"url":"https://youtu.be/yXQViqx6GMY"},{"name":"Mariah Carey","title":"I Still Believe","date":"1999-09","position":4,"url":"https://youtu.be/OAZG2duVte4"},{"name":"Mariah Carey","title":"Obsessed","date":"2009-07","position":7,"url":"https://youtu.be/H1Yt0xJKDY8"}] artistWorksData[7] = [{"name":"Elton John","title":"Crocodile Rock","date":"1972-10","position":1,"url":"https://youtu.be/xw0EozkBWuI"},{"name":"Elton John","title":"Benny And The Jets","date":"1974-02","position":1,"url":"https://youtu.be/p5rQHoaQpTw"},{"name":"Elton John","title":"Whatever Gets You Thru The Night (with John Lennon)","date":"1974-04","position":1,"url":"https://youtu.be/vjWebKavfuI"},{"name":"Elton John","title":"Lucy In The Sky With Diamonds","date":"1974-11","position":1,"url":"https://youtu.be/Ic2hlOwCif4"},{"name":"Elton John","title":"Philadelphia Freedom","date":"1975-02","position":1,"url":"https://youtu.be/gM4Xm2MGLNQ"},{"name":"Elton John","title":"Someone Saved My Life Tonight","date":"1975-06","position":1,"url":"https://youtu.be/VZRRd4bW91c"},{"name":"Elton John","title":"Island Girl","date":"1975-09","position":1,"url":"https://youtu.be/1M6onFt--iM"},{"name":"Elton John","title":"Don't Go Breaking My Heart (with Kiki Dee)","date":"1976-06","position":1,"url":"https://youtu.be/z0qW9P-uYfM"},{"name":"Elton John","title":"Don't Let The Sun Go Down On Me","date":"1991-11","position":1,"url":"https://youtu.be/HY0n7RC_FEI"},{"name":"Elton John","title":"Something About The Way You Look Tonight","date":"1997-09","position":1,"url":"https://youtu.be/B93Tir6l5FA"},{"name":"Elton John","title":"Goodbye Yellow Brick Road","date":"1973-10","position":2,"url":"https://youtu.be/DDOL7iY8kfo"},{"name":"Elton John","title":"Don't Let The Sun Go Down On Me","date":"1974-05","position":2,"url":"https://youtu.be/QxuqWG-Hxgo"},{"name":"Elton John","title":"I Don't Wanna Go On With You Like That","date":"1988-05","position":2,"url":"https://youtu.be/kaJRvZZBnX8"},{"name":"Elton John","title":"Little Jeannie","date":"1980-04","position":3,"url":"https://youtu.be/Wlz6mTyiMZc"},{"name":"Elton John","title":"The Bitch Is Back","date":"1974-08","position":4,"url":"https://youtu.be/cdrFBwwWJ44"},{"name":"Elton John","title":"I Guess That's Why They Call It The Blues","date":"1983-10","position":4,"url":"https://youtu.be/h6KYAVn8ons"},{"name":"Elton John","title":"Can You Feel The Love Tonight?","date":"1994-04","position":4,"url":"https://youtu.be/KjgWWjkNbhU"},{"name":"Elton John","title":"Sad Songs (Say So Much)","date":"1984-05","position":5,"url":"https://youtu.be/X23v5_K7cXk"},{"name":"Elton John","title":"Rocket Man","date":"1972-05","position":6,"url":"https://youtu.be/DtVBCG6ThDk"},{"name":"Elton John","title":"Daniel","date":"1973-12","position":6,"url":"https://youtu.be/UA78e27R_J4"},{"name":"Elton John","title":"Sorry Seems To Be The Hardest Word","date":"1976-10","position":6,"url":"https://youtu.be/c3nScN89Klo"},{"name":"Elton John","title":"Candle In The Wind (live)","date":"1987-10","position":6,"url":"https://youtu.be/80rHyABCb20"},{"name":"Elton John","title":"Nikita","date":"1986-01","position":7,"url":"https://youtu.be/Tg-Q-Acv4qs"},{"name":"Elton John","title":"Elton John","date":"Your Song","position":"1970-11","url":8,"column5":"https://youtu.be/GlPlfCy1urI"},{"name":"Elton John","title":"Honky Cat","date":"1972-08","position":8,"url":"https://youtu.be/92s-MPAQBCU"},{"name":"Elton John","title":"Grow Some Funk Of Your Own","date":"1976-01","position":9,"url":"https://youtu.be/IWFL_FJss2M"},{"name":"Elton John","title":"Mama Can't Buy You Love","date":"1979-06","position":9,"url":"https://youtu.be/jAhJ3VVGETE"},{"name":"Elton John","title":"The One","date":"1992-05","position":9,"url":"https://youtu.be/85B_REWeNcM"},{"name":"Elton John","title":"Blue Eyes","date":"1982-03","position":10,"url":"https://youtu.be/4CiyKeSnSxk"}] artistWorksData[8] = [{"name":"Janet Jackson","title":"When I Think Of You","date":"1986-08","position":1,"url":"https://youtu.be/EaleKN9GQ54"},{"name":"Janet Jackson","title":"Miss You Much","date":"1989-08","position":1,"url":"https://youtu.be/IVF0zcqr9Dg"},{"name":"Janet Jackson","title":"Escapade","date":"1990-08","position":1,"url":"https://youtu.be/UFX3gQHIroU"},{"name":"Janet Jackson","title":"Come Back To Me","date":"1990-01","position":1,"url":"https://youtu.be/-5ecZWwO_hQ"},{"name":"Janet Jackson","title":"Black Cat","date":"1990-08","position":1,"url":"https://youtu.be/qH-rPt1ftSo"},{"name":"Janet Jackson","title":"Love Will Never Do (Without You)","date":"1990-10","position":1,"url":"https://youtu.be/0KCvVsNstjE"},{"name":"Janet Jackson","title":"That's The Way Love Goes","date":"1993-04","position":1,"url":"https://youtu.be/2b_KfAGiglc"},{"name":"Janet Jackson","title":"Again","date":"1993-10","position":1,"url":"https://youtu.be/qUHtwV8wkOU"},{"name":"Janet Jackson","title":"Together Again","date":"1997-01","position":1,"url":"https://youtu.be/vfK5QhZ9u7o"},{"name":"Janet Jackson","title":"Doesn't Really Matter","date":"2000-07","position":1,"url":"https://youtu.be/7iJZosBX2L0"},{"name":"Janet Jackson","title":"All For You","date":"2001-09","position":1,"url":"https://youtu.be/xvkblzKP29g"},{"name":"Janet Jackson","title":"Let's Wait Awhile","date":"1987-01","position":2,"url":"https://youtu.be/o7jAP67iRJ8"},{"name":"Janet Jackson","title":"Rhythm Nation","date":"1989-10","position":2,"url":"https://youtu.be/OAwaNWGLM0c"},{"name":"Janet Jackson","title":"If","date":"1993-07","position":2,"url":"https://youtu.be/BTSd4vqnMwo"},{"name":"Janet Jackson","title":"Any Time Any Place","date":"1994-06","position":2,"url":"https://youtu.be/3HO9H1VMMOk"},{"name":"Janet Jackson","title":"Nasty","date":"1986-05","position":3,"url":"https://youtu.be/9zoA0L2u-JQ"},{"name":"Janet Jackson","title":"Runaway","date":1995,"position":3,"url":"https://youtu.be/bVwgj1B0z90"},{"name":"Janet Jackson","title":"I Get Lonely (with Blackstreet)","date":"1998-03","position":3,"url":"https://youtu.be/sh7FVZZgVKQ"},{"name":"Janet Jackson","title":"What's It Gonna Be (with Busta Rhymes)","date":"1999-03","position":3,"url":"https://youtu.be/-3KWdGGq4Qk"},{"name":"Janet Jackson","title":"Someone To Call My Lover","date":"2001-07","position":3,"url":"https://youtu.be/v2xLmhAo4NE"},{"name":"Janet Jackson","title":"What Have You Done For Me Lately","date":"1986-02","position":4,"url":"https://youtu.be/r9uizdKZAGE"},{"name":"Janet Jackson","title":"Alright","date":"1990-03","position":4,"url":"https://youtu.be/xS8PLb2CKKs"},{"name":"Janet Jackson","title":"Control","date":1986,"position":5,"url":"https://youtu.be/LH8xbDGv7oY"},{"name":"Janet Jackson","title":"Diamonds (with Herb Alpert)","date":"1987-04","position":5,"url":"https://youtu.be/vsRA7BVj7iw"},{"name":"Janet Jackson","title":"Scream","date":"1995-06","position":5,"url":"https://youtu.be/0P4A1K4lXDo"},{"name":"Janet Jackson","title":"You Want This","date":"1994-07","position":8,"url":"https://youtu.be/utxsSg1n_SQ"},{"name":"Janet Jackson","title":"The Best Things In Life Are Free (with Luther Vandross)","date":"1992-05","position":10,"url":"https://youtu.be/79SNvZi3ltE"},{"name":"Janet Jackson","title":"Because Of Love","date":"1994-02","position":10,"url":"https://youtu.be/XQybjKo4gMs"}] artistWorksData[9] = [{"name":"Stevie Wonder","title":"Fingertips Part 2","date":"1963-06","position":1,"url":"https://youtu.be/SzJF_ASvWYg"},{"name":"Stevie Wonder","title":"Superstition","date":"1972-10","position":1,"url":"https://youtu.be/0CFuCYNx-1g"},{"name":"Stevie Wonder","title":"You Are The Sunshine Of My Life","date":"1973-03","position":1,"url":"https://youtu.be/3wZ_b_uUAdQ"},{"name":"Stevie Wonder","title":"You Haven't Done Nothin'","date":"1974-07","position":1,"url":"https://youtu.be/0uQCJ6PzRdA"},{"name":"Stevie Wonder","title":"Boogie On Reggae Woman","date":"1974-11","position":1,"url":"https://youtu.be/ylQMhYqSntk"},{"name":"Stevie Wonder","title":"I Wish","date":"1976-11","position":1,"url":"https://youtu.be/hYKYka-PNt0"},{"name":"Stevie Wonder","title":"Sir Duke","date":"1977-03","position":1,"url":"https://youtu.be/s6fPN5aQVDI"},{"name":"Stevie Wonder","title":"That Girl","date":"1982-01","position":1,"url":"https://youtu.be/eagQKwVendA"},{"name":"Stevie Wonder","title":"Ebony And Ivory (with Paul McCartney)","date":"1982-05","position":1,"url":"https://youtu.be/CmALA8miQY8"},{"name":"Stevie Wonder","title":"I Just Called To Say I Love You","date":"1984-10","position":1,"url":"https://youtu.be/bqfSXkVH9ac"},{"name":"Stevie Wonder","title":"Part Time Lover","date":"1985-08","position":1,"url":"https://youtu.be/jN2AdOjI4FI"},{"name":"Stevie Wonder","title":"I Was Made To Love Her","date":"1967-08","position":2,"url":"https://youtu.be/9pYux5-d1Es"},{"name":"Stevie Wonder","title":"For Once In My Life","date":"1968-10","position":2,"url":"https://youtu.be/imsB543zqSM"},{"name":"Stevie Wonder","title":"Uptight (Everything's Alright)","date":"1965-12","position":3,"url":"https://youtu.be/wDbyOLzEyfk"},{"name":"Stevie Wonder","title":"Signed Sealed Delivered (I'm Yours)","date":"1970-06","position":3,"url":"https://youtu.be/WvRwR-hZDVY"},{"name":"Stevie Wonder","title":"My Cherie Amour","date":"1969-05","position":4,"url":"https://youtu.be/Fjufjv4rH0s"},{"name":"Stevie Wonder","title":"Higher Ground","date":"1973-08","position":4,"url":"https://youtu.be/4wZ3ZG_Wams"},{"name":"Stevie Wonder","title":"Send One Your Love","date":"1979-10","position":4,"url":"https://youtu.be/2CW0qL_fIdU"},{"name":"Stevie Wonder","title":"Masterblaster (Jammin')","date":"1980-01","position":5,"url":"https://youtu.be/V4n27JuJhXc"},{"name":"Stevie Wonder","title":"Yester-Me Yester-You Yesterday","date":"1969-10","position":7,"url":"https://youtu.be/2T3m9PWN6B8"},{"name":"Stevie Wonder","title":"If You Really Love Me","date":"1971-08","position":8,"url":"https://youtu.be/UmR4y4slhmo"},{"name":"Stevie Wonder","title":"Living For The City","date":"1973-11","position":8,"url":"https://youtu.be/Nu95a_RiH54"},{"name":"Stevie Wonder","title":"Blowin' In The Wind","date":"1966-07","position":9,"url":"https://youtu.be/y8q1I9f1l4U"},{"name":"Stevie Wonder","title":"A Place In The Sun","date":"1966-10","position":9,"url":"https://youtu.be/W8lVPMWLCBQ"},{"name":"Stevie Wonder","title":"Shooby Dooby Do Dah Deh","date":"1968-03","position":9,"url":"https://youtu.be/OO6rmXtV81g"},{"name":"Stevie Wonder","title":"Heaven Help Us All","date":"1970-10","position":9,"url":"https://youtu.be/Qq5x9O_Hx20"},{"name":"Stevie Wonder","title":"Don't You Worry 'Bout The Thing","date":"1974-03","position":10,"url":"https://youtu.be/zywDiFdxopU"},{"name":"Stevie Wonder","title":"Go Home","date":"1985-11","position":10,"url":"https://youtu.be/OrmH0jXiAw0"}] artistWorksData[10] = [{"name":"Taylor Swift","title":"We Are Never Ever Getting Back Together","date":"2012-08","position":1,"url":"https://youtu.be/WA4iX5D9Z64"},{"name":"Taylor Swift","title":"Shake It Off","date":"2014-08","position":1,"url":"https://youtu.be/nfWlot6h_JM"},{"name":"Taylor Swift","title":"Blank Space","date":"2014-10","position":1,"url":"https://youtu.be/e-ORhEE9VVg"},{"name":"Taylor Swift","title":"Bad Blood (with Kendrick Lamar)","date":"2014-10","position":1,"url":"https://youtu.be/QcIy9NiNbmo"},{"name":"Taylor Swift","title":"Look What You Made Me Do","date":"2017-08","position":1,"url":"https://youtu.be/3tmd-ClpJxA"},{"name":"Taylor Swift","title":"You Belong With Me","date":"2018-11","position":2,"url":"https://youtu.be/VuNIsY6JdUw"},{"name":"Taylor Swift","title":"Today Was A Fairytale","date":"2010-01","position":2,"url":"https://youtu.be/wUqnrjSFXtE"},{"name":"Taylor Swift","title":"I Knew You Were Trouble","date":"2012-10","position":2,"url":"https://youtu.be/vNoKguSdy4Y"},{"name":"Taylor Swift","title":"I Don't Wanna Live Forever (Fifty Shades Darker) (with Zayn)","date":"2016-09","position":2,"url":"https://youtu.be/7F37r50VUTQ"},{"name":"Taylor Swift","title":"You Need To Calm Down","date":"2019-06","position":2,"url":"https://youtu.be/Dkk9gvTmCXY"},{"name":"Taylor Swift","title":"Mine","date":"2010-08","position":3,"url":"https://youtu.be/XPBwXKgDTdE"},{"name":"Taylor Swift","title":"Love Story","date":"2018-09","position":4,"url":"https://youtu.be/8xg3vE8Ie_E"},{"name":"Taylor Swift","title":"...Ready For It","date":"2017-09","position":4,"url":"https://youtu.be/wIft-t-MQuE"},{"name":"Taylor Swift","title":"Wildest Dreams","date":"2017-10","position":5,"url":"https://youtu.be/IdneKLhsWOQ"},{"name":"Taylor Swift","title":"Back To December","date":"2010-10","position":6,"url":"https://youtu.be/QUwxKWT6m7U"},{"name":"Taylor Swift","title":"Red","date":"2012-10","position":6,"url":"https://youtu.be/Zlot0i3Zykw"},{"name":"Taylor Swift","title":"Style","date":"2014-10","position":6,"url":"https://youtu.be/-CmadmM5cOk"},{"name":"Taylor Swift","title":"Begin Again","date":"2012-09","position":7,"url":"https://youtu.be/cMPEd8m79Hw"},{"name":"Taylor Swift","title":"Speak Now","date":"2010-10","position":8,"url":"https://youtu.be/zlWMJbbLyA0"},{"name":"Taylor Swift","title":"Beautiful Eyes","date":"2008-07","position":9,"url":"https://youtu.be/SnGJGrlSNko"},{"name":"Taylor Swift","title":"Fearless","date":"2008-10","position":9,"url":"https://youtu.be/HECGF_dRwdk"},{"name":"Taylor Swift","title":"Change","date":"2008-08","position":10,"url":"https://youtu.be/B1jYllE0T-k"},{"name":"Taylor Swift","title":"Jump Then Fall","date":"2009-10","position":10,"url":"https://youtu.be/bZwdYrs9ExE"},{"name":"Taylor Swift","title":"If This Was A Movie","date":"2011-11","position":10,"url":"https://youtu.be/Bqj9EIgSy28"}] var data = getCountsData(artistWorksData) var series = d3.stack().keys(["ones", "twos", "threes", "fours", "fives", "sixes", "sevens", "eights", "nines", "tens"])(data); var div = d3.select("#container").append("div") .attr("class", "songInfo") .style("opacity", 0); var svg = d3.select("svg"), margin = { top: 20, right: 80, bottom: 105, left: 60 }, width = +svg.attr("width"), height = +svg.attr("height"); var x = d3.scaleBand() .domain(data.map((d) => { return d.artist })) .rangeRound([margin.left, width - margin.right]) .padding(0.4) var y = d3.scaleLinear() .domain([d3.min(series, stackMin), d3.max(series, stackMax)]) .rangeRound([height - margin.bottom, margin.top]); var z = d3.scaleOrdinal(d3.schemeCategory10); var tooltip; tooltip = d3.select('body').append('div') .attr('class', 'tooltip') .style('opacity', 0); svg.append("g") .selectAll("g") .data(series) .enter().append("g") .attr("fill", (d) => { return z(d.key); }) .selectAll("rect") .data((d) => { return d; }) .enter().append("rect") .attr("width", x.bandwidth) .attr("x", (d) => { return x(d.data.artist); }) .attr("y", (d) => { return y(d[1]); }) .attr("height", (d) => { return y(d[0]) - y(d[1]); }) .on("click", (d) => { div.style("opacity", 1); div.html(getSongs(d, d.data.index, d.data.artist)) }) .on("mouseover", function(d,i) { d3.select(this).style("stroke-width","2"); d3.select(this).style("stroke","black"); d3.select(this).style("cursor","pointer"); d3.select(this.parentNode).raise(); setTimeout(showTooltip(d, d.data.artist, i), 3000) }) .on("mouseout", function(d,i) { d3.select(this.parentNode).lower(); d3.select(this).style("stroke-width","0"); setTimeout(hideTooltip(), 1000); }) svg.append("g") .attr("transform", "translate(0," + y(0) + ")") .call(d3.axisBottom(x)) .selectAll("text") .attr("y", 10) .attr("x", 8) .attr("dy", ".35em") .attr("transform", "rotate(45)") .style("text-anchor", "start"); svg.append("g") .attr("transform", "translate(" + margin.left + ",0)") .call(d3.axisLeft(y)) svg.append("text") .attr("transform", "rotate(-90)") .attr("y", 25) .attr("x", 0 - (height / 2)) .attr("font-family", "Arial") .style("font-size", "12px") .style("text-anchor", "middle") .text("Number of Top 10 Singles"); svg.append("text") .attr("y", height - 20) .attr("x", (width / 2)) .attr("font-family", "Arial") .style("font-size", "12px") .style("text-anchor", "middle") .text("Artist"); let xLegend = 810, yLegend = 30, swatchSize = 10, i = 9 for (let color of d3.schemeCategory10.reverse()) { svg.append("rect").attr("x", xLegend).attr("y", yLegend).attr("width", swatchSize).attr("height", swatchSize).style("fill", color) svg.append("text").attr("x", xLegend + 15).attr("y", yLegend + 6).text(`#${i + 1} hit singles`).style("font-size", "11.75px").attr("font-family", "Arial").attr("alignment-baseline", "middle") yLegend = yLegend + 25 i-- } svg.append("text").attr("x", 391).attr("y", 393).text(`(click bar for song info)`).style("font-size", "11.75px").attr("font-family", "Arial").attr("alignment-baseline", "middle") function getSongs(slots, artistIndex, artist) { let extract = artistWorksData[artistIndex].slice(slots[0], slots[1]) let html = `<h1><strong>${artist} #${extract[0].position} hit singles</strong></h1>` let delim = '' for (song in extract) { let formattedDate = moment(extract[song].date).format('MMMM YYYY'); html += `${delim}<a href='${extract[song].url}' target='_blank'>${extract[song].title}</a>, ${formattedDate}` delim = '<br/>' } return html } function stackMin(serie) { return d3.min(serie, (d) => { return d[0]; }); } function stackMax(serie) { return d3.max(serie, (d) => { return d[1]; }); } function getCountsData (artistWorksData) { var data = [] let ii = 0 for(artist in artistWorksData) { let artistWorks = artistWorksData[artist] artistCounts = {} artistCounts.artist = artistWorksData[artist][0].name artistCounts.index = ii artistCounts.ones = getCounts(1, artistWorksData[artist]) artistCounts.twos = getCounts(2, artistWorksData[artist]) artistCounts.threes = getCounts(3, artistWorksData[artist]) artistCounts.fours = getCounts(4, artistWorksData[artist]) artistCounts.fives = getCounts(5, artistWorksData[artist]) artistCounts.sixes = getCounts(6, artistWorksData[artist]) artistCounts.sevens = getCounts(7, artistWorksData[artist]) artistCounts.eights = getCounts(8, artistWorksData[artist]) artistCounts.nines = getCounts(9, artistWorksData[artist]) artistCounts.tens = getCounts(10, artistWorksData[artist]) ii++ data.push (artistCounts) } return data } function getCounts(bucket, artistWorks) { let count = 0 for(song in artistWorks) { if(artistWorks[song].position == bucket) count ++ } return count } function showTooltip(d, artist, i) { let count = d[1]-d[0] let songs = artistWorksData[i].slice(d[0], d[1]) var tooltip_msg = `<p>${artist} charted ${count} #${songs[0].position} hit singles, click for more info.</p>`; tooltip.style('opacity', 1); tooltip.html(tooltip_msg).style('left', (d3.event.pageX - 0) + 'px').style('top', (d3.event.pageY - 0) + 'px'); } function hideTooltip() { tooltip.style('opacity', 0); } </script></html><!-- https://www.freeformatter.com/csv-to-json-converter.html#ad-output --><!-- https://www.freeformatter.com/json-formatter.html#ad-output --><!-- https://blockbuilder.org/FergusDevelopmentLLC/b26979aee2644dfdb5746b9da5fda11a --><!-- https://bl.ocks.org/FergusDevelopmentLLC/raw/b26979aee2644dfdb5746b9da5fda11a --> https://d3js.org/d3.v4.min.js
https://momentjs.com/downloads/moment.js