Skip to content

Instantly share code, notes, and snippets.

@jackyu1996

jackyu1996/index.html

Last active March 24, 2019 11:52
Show Gist options
  • Save jackyu1996/b75449c91cd09766f06a043958f59ef7 to your computer and use it in GitHub Desktop.
Save jackyu1996/b75449c91cd09766f06a043958f59ef7 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>So, You Like Classical Music</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" integrity="sha256-OweaP/Ic6rsV+lysfyS4h+LM6sRwuO3euTYfr6M124g=" crossorigin="anonymous" />
</head>
<body>
<h1>A list of Recommended Classical Music</h1>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.9.2/d3.min.js" integrity="sha256-k9RyZhvMj2bg0fd8L3IE41t0HpTXnivMoePN/Ksq250=" crossorigin="anonymous"></script>
<script src="index.js" charset="utf-8"></script>
</body>
</html>
Raw
index.js
d3.json("selections.json").then(data=>draw(data))
function draw(data) {
d3.select("body")
.selectAll("ul")
.data(data)
.enter()
.append("ul")
.attr("class", "collection with-header")
.html(d=>`<li class="collection-header"><h4>${d.composer}</h4></li>`)
.selectAll(".collection-item")
.data(d=>d.works)
.enter()
.append("li")
.text(d=>d)
.attr("class", "collection-item")
.on("click", d => window.open("https://music.163.com/#/search/m/?s=" + d))
}
Raw
selections.json
[
{
"composer": "Wolfgang Amadeus Mozart",
"works": [
"Ave Verum Corpus, K. 618",
"Clarinet Concerto in A major, K. 622",
"Clarinet Quintet in A major, K.581",
"Concerto for Flute, Harp, and Orchestra in C major, K. 299/297c",
"Der Messias, K. 572",
"Divertimento in D major, K. 136",
"Don Giovanni, K. 527",
"Eine kleine Nachtmusik, K. 525",
"Magic Flute, K. 620",
"Piano Concerto No. 20 in D minor, K. 466",
"Piano Concerto No. 21 in C major, K. 467",
"Piano Concerto No. 23 in A major, K. 488",
"Piano Concerto No. 26 in D major, K. 537",
"Piano Sonata No. 11 in A major, K. 331/300i",
"Piano Sonata No. 15 in C major, K. 545",
"Requiem in D minor, K. 626",
"String Quintet No. 3 in C major, K. 515",
"String Quintet No. 4 in G minor, K. 516",
"Symphony No. 40 in G minor, K. 550",
"Symphony No. 41 in C major, K. 551",
"The Marriage of Figaro, K. 492"
]
},
{
"composer": "Ludwig van Beethoven",
"works": [
"Coriolan Overture, Op. 62",
"Egmont Overture, Op. 84",
"Fidelio Overture, Op. 72",
"Missa Solemnis in D major, Op. 123",
"Piano Concerto No. 4 in G major, Op. 58",
"Piano Concerto No. 5 in E-flat major, Op. 73",
"Piano Sonata No. 14 in C-sharp minor, Op. 27",
"Piano Sonata No. 23 in F minor, Op. 57",
"Piano Sonata No. 8 in C minor, Op. 13",
"Piano Trio in B-flat major, Op. 97",
"Symphony No. 5 in C minor, Op. 67",
"Symphony No. 6 in F major, Op. 68",
"Symphony No. 7 in A major, Op. 92",
"Symphony No. 9 in D minor, Op. 125",
"Violin Concerto in D major, Op. 61",
"Violin Sonata No. 5 in F major, Op.24",
"Violin Sonata No. 9 in A major, Op. 47"
]
},
{
"composer": "Johannes Brahms",
"works": [
"A German Requiem, Op. 45",
"Clarinet Quintet in B minor, Op. 115",
"Hungarian Dance No.5 in G minor",
"Intermezzo in A minor",
"Piano Sonata No. 3 in F minor, Op. 5",
"Sixteen Waltzes, Op. 39",
"Symphony No. 1 in C minor, Op. 68",
"Symphony No. 2 in D major, Op. 73",
"Symphony No. 4 in E minor, Op. 98",
"Violin Concerto in D major, Op. 77",
"Wiegenlied, Op. 49"
]
},
{
"composer": "Frédéric Chopin",
"works": [
"Fantaisie Impromptu in C-sharp minor, Op. 66",
"Grande valse brillante in E-flat major, Op. 18",
"Les Sylphides",
"Piano Concerto No. 1 in E minor, Op. 11",
"Piano Sonata No. 2 in b-flat minor, Op. 35",
"Polonaise in A-flat major, Op. 53",
"Waltz in D-flat major, Op. 64, No. 1",
"Étude Op. 10, No. 12 in C minor",
"Étude Op. 10, No. 3, in E major"
]
},
{
"composer": "Robert Schumann",
"works": [
"Kinderszenen, Op.15",
"Piano Concerto in A minor, Op. 54",
"Symphony No. 3 in E-flat major, Op. 97"
]
},
{
"composer": "Anton Bruckner",
"works": [
"Symphony No. 4 in E-flat major, WAB 104",
"Symphony No. 7 in E major, WAB 107",
"Symphony No. 8 in C minor, WAB 108",
"Symphony No. 9 in D minor, WAB 109"
]
},
{
"composer": "Max Bruch",
"works": [
"Violin Concerto No. 1 in G minor, Op. 26"
]
},
{
"composer": "Antonín Dvořák",
"works": [
"Cello Concerto in B minor, Op. 104, B. 191",
"Slavonic Dances",
"String Quartet No.12 in F major, Op. 96",
"Symphony No. 8 in G major, Op. 88, B. 163",
"Symphony No. 9 in E minor, Op. 95, B. 178 "
]
},
{
"composer": "Jean Sibelius",
"works": [
"Finlandia, Op. 26",
"Symphony No. 2 in D major, Op. 43",
"Symphony No. 5 in E-flat major, Op. 82",
"Symphony No. 6 in D minor, Op. 104",
"The Tempest, Suite No. 2 for Piano, Op. 109/3",
"Valse triste, Op. 44, No. 1",
"Violin Concerto in D minor, Op. 47"
]
},
{
"composer": "Sergei Rachmaninoff",
"works": [
"Piano Concerto No. 2 in C minor, Op. 18",
"Symphony No. 2 in E minor, Op. 27",
"Vocalise, Op.34, No. 14"
]
},
{
"composer": "Joseph Haydn",
"works": [
"String Quartet in C Major, Op. 76, No. 3",
"Symphony No. 25 in C major",
"Symphony No. 38 in C major",
"Symphony No. 94 in G major"
]
},
{
"composer": "Franz Schubert",
"works": [
"4 Impromptus, D.899",
"Ave Maria, D. 839",
"Die Forelle, Op. 32, D 550",
"Die Schöne Müllerin, Op. 25, D. 795",
"Erlkönig, D. 328",
"Heidenröslein, D. 257",
"Moments Musicaux, Op. 94, D. 780",
"Piano Sonata No. 21 in B-flat major, D. 960",
"Rosamunde, D. 797",
"Schwanengesang , D. 957",
"Sonata in A minor for Arpeggione and Piano, D. 821",
"String Quartet No. 14 in D minor, D. 810",
"String Quintet in C major, Op. 163, D. 956",
"Symphony No. 8 in B minor, D. 759",
"Symphony No. 9 in C major, D. 944",
"Wiegenlied, Op. 98, D. 498, No. 2",
"Winterreise, D. 911"
]
},
{
"composer": "Felix Mendelssohn",
"works": [
"Auf Flügeln des Gesanges",
"Ein Sommernachtstraum",
"Lieder ohne Worte",
"Symphony No. 4 in A major, Op. 90",
"Violin Concerto in E minor, Op. 64"
]
},
{
"composer": "Pyotr Ilyich Tchaikovsky",
"works": [
"1812 Overture, Op. 49",
"Eugene Onegin, Op. 24",
"Manfred Symphony in B minor, Op. 58",
"None But The Lonely Heart, Op. 6",
"Piano Concerto No. 1 in B-flat minor, Op. 23",
"Piano Trio in A minor, Op. 50",
"Romeo and Juliet, TH 42, ČW 39",
"Serenade for String Orchestra in C major, Op. 48",
"Sleeping Beauty, Op. 66",
"String Quartet No. 1 in D major, Op. 11",
"String Quartet No. 2 in F major, Op. 22",
"Swan Lake, Op. 20",
"Symphony No. 4 in F minor, Op. 36",
"Symphony No. 5 in E minor, Op. 64",
"Symphony No. 6 in B minor, Op. 74",
"The Nutcracker, Op. 71",
"Variations on a Rococo Theme, op. 33",
"Violin Concerto in D major, Op. 35"
]
},
{
"composer": "Dmitri Shostakovich",
"works": [
"Cello Concerto No. 1 in E-flat major, Op. 107",
"Cello Concerto No. 2, Opus 126",
"Lady Macbeth of the Mtsensk District, Op. 29",
"Piano Concerto No. 1 in C minor, Op. 35",
"Symphony No. 1 in F minor, Op. 10",
"Symphony No. 10 in E minor, Op. 93",
"Symphony No. 13 in B-flat minor, Op. 113",
"Symphony No. 14 in G minor, Op. 135",
"Symphony No. 5 in D minor, Op. 47",
"Symphony No. 7 in C major, Op. 60",
"The Song of the Forests, Op. 81",
"Trio No. 2 in E minor, for violin, cello and piano, Op. 67"
]
},
{
"composer": "Gustav Mahler",
"works": [
"Das Lied von der Erde",
"Des Knaben Wunderhorn",
"Symphony No. 1",
"Symphony No. 2",
"Symphony No. 3",
"Symphony No. 4",
"Symphony No. 5",
"Symphony No. 8",
"Symphony No. 9"
]
},
{
"composer": "Camille Saint-Saëns",
"works": [
"Danse Macabre",
"Introduction and Rondo Capriccioso in A minor Op. 28",
"Le carnaval des animaux",
"Symphony No. 3 in C minor, Op. 78"
]
},
{
"composer": "Carl Nielsen",
"works": [
"Symphony No. 4, Op. 29, FS 76"
]
},
{
"composer": "Alexander Scriabin",
"works": [
"Symphony No. 4, Op. 54"
]
},
{
"composer": "Ralph Vaughan Williams",
"works": [
"Sinfonia antartica",
"The Lark Ascending"
]
},
{
"composer": "Ernest Chausson",
"works": [
"Concert for Violin, Piano and String Quartet, Op.21",
"Poème de l'Amour et de la Mer, Op. 19",
"Symphony in B-flat major, Op. 20"
]
},
{
"composer": "Arthur Honegger",
"works": [
"Jeanne d'Arc au bûcher",
"Pacific 231, H. 53",
"Symphony No. 3"
]
},
{
"composer": "Nikolai Rimsky-Korsakov",
"works": [
"Flight of the Bumblebee",
"Sheherazade Op. 35",
"Symphony No. 2 in F-sharp minor, Op. 9"
]
},
{
"composer": "Alexander Borodin",
"works": [
"In the Steppes of Central Asia",
"Polovtsian Dances",
"String Quartet No. 2",
"Symphony No. 2 in B minor"
]
},
{
"composer": "Edward Elgar",
"works": [
"Cello Concerto in E minor, Op. 85",
"Symphony No. 2 in E-flat major, Op. 63"
]
},
{
"composer": "Karol Szymanowski",
"works": [
"Symphony No. 4, Op. 60"
]
},
{
"composer": "Hector Berlioz",
"works": [
"Harold en Italie, Op. 16",
"Roméo et Juliette, Op. 17",
"Symphonie fantastique, Op. 14"
]
},
{
"composer": "Franz Liszt",
"works": [
"A Faust Symphony in three character pictures, S.108",
"A Symphony to Dante's Divine Comedy, S.109",
"Danse macabre S.126",
"Grandes études de Paganini, S.141/3",
"Hungarian Rhapsody No. 2 in C-sharp minor, S.244/2",
"Les préludes, S.97",
"Piano Sonata in B minor, S.178"
]
},
{
"composer": "Johann Strauss II",
"works": [
"Also sprach Zarathustra, Op. 30",
"An der schönen blauen Donau, Op. 314",
"Der Rosenkavalier, Op. 59",
"Die Fledermaus",
"Ein Heldenleben, Op. 40",
"Eine Alpensinfonie, Op. 64",
"Salome, Op. 54",
"Symphonia Domestica, Op. 53",
"Till Eulenspiegels lustige Streiche, Op. 28",
"Vier letzte Lieder"
]
},
{
"composer": "Vincent d'Indy",
"works": [
"Symphony on a French Mountain Air, Op. 25"
]
},
{
"composer": "Alexander von Zemlinsky",
"works": [
"Lyric Symphony, Op. 18"
]
},
{
"composer": "Sergei Prokofiev",
"works": [
"Lieutenant Kijé Suite, Op. 60",
"Peter and the Wolf, Op. 67",
"Piano Concerto No. 3 in C major, Op. 26",
"Piano Sonata No. 7 in B-flat major, Op. 83",
"Symphony No. 1 in D major, Op. 25",
"Symphony No. 5 in B-flat minor, Op. 100"
]
},
{
"composer": "Aram Khachaturian",
"works": [
"Gayane Ballet Suite",
"Sabre Dance",
"Symphony No. 2 in E minor",
"Violin Concerto"
]
},
{
"composer": "Vasily Kalinnikov",
"works": [
"Symphony No. 1 in G minor"
]
},
{
"composer": "Gioachino Rossini",
"works": [
"Le Barbier de Séville",
"String Sonatas",
"William Tell Overture"
]
},
{
"composer": "Mikhail Glinka",
"works": [
"Ruslan and Lyudmila"
]
},
{
"composer": "Richard Wagner",
"works": [
"Der Ring des Nibelungen, WWV 86",
"Der fliegende Holländer, WWV 63",
"Die Meistersinger von Nürnberg, WWV 96",
"Lohengrin, WWV 75",
"Parsifal, WWV 111",
"Tannhäuser, WWV 70",
"Tristan und Isolde, WWV 90"
]
},
{
"composer": "Claude Debussy",
"works": [
"Beau soir",
"Children's Corner, L. 119",
"Clair de lune",
"Jeux",
"La mer, L. 109,",
"Pelléas et Mélisande",
"Prélude à l'après-midi d'un faune, L. 86",
"Préludes",
"Sonata for Flute,Viola and Harp",
"String Quartet in G minor, Op.10",
"Suite bergamasque"
]
},
{
"composer": "Bedřich Smetana",
"works": [
"Má vlast"
]
},
{
"composer": "Modest Mussorgsky",
"works": [
"Boris Godunov",
"Night on Bald Mountain",
"Pictures at an Exhibition",
"Songs and Dances of Death"
]
},
{
"composer": "Paul Dukas",
"works": [
"The Sorcerer's Apprentice"
]
},
{
"composer": "Ottorino Respighi",
"works": [
"Ancient Dances and Airs for Lute Suite III",
"Pines of Rome"
]
},
{
"composer": "Frederick Delius",
"works": [
"On Hearing the First Cuckoo in Spring"
]
},
{
"composer": "George Butterworth",
"works": [
"The Banks of Green Willow"
]
},
{
"composer": "Maurice Ravel",
"works": [
"Alborada del gracioso",
"Boléro",
"Daphnis et Chloé",
"Gaspard de la Nuit",
"Introduction et allegro pour harpe, flûte, clarinette et quatuor",
"Jeux d'eau",
"L'enfant et les sortilèges",
"Ma mère l'Oye",
"Pavane pour une infante défunte",
"Piano Concerto for the Left Hand",
"Piano Trio",
"String Quartet in F major",
"Tzigane"
]
},
{
"composer": "Gustav Holst",
"works": [
"The Planets, Op. 32"
]
},
{
"composer": "Georges Bizet",
"works": [
"Carmen",
"L'Arlesienne"
]
},
{
"composer": "Edvard Grieg",
"works": [
"Peer Gynt, Op. 23",
"Piano Concerto in A minor, Op. 16"
]
},
{
"composer": "John Williams",
"works": [
"Star Wars"
]
},
{
"composer": "Émile Waldteufel",
"works": [
"Les Patineurs, Op. 183"
]
},
{
"composer": "Franz Lehár",
"works": [
"Die lustige Witwe",
"Gold und Silber, Op. 79"
]
},
{
"composer": "Samuel Barber",
"works": [
"Adagio for Strings"
]
},
{
"composer": "Arnold Schoenberg",
"works": [
"Moses und Aron",
"Verklärte Nacht, Op. 4"
]
},
{
"composer": "Béla Bartók",
"works": [
"Bluebeard's Castle, Sz. 48",
"Piano Concerto No. 2 in G major, Sz. 95, BB 101",
"Sonata for Two Pianos and Percussion, Sz. 110",
"The Miraculous Mandarin Op. 19, Sz. 73, BB 82"
]
},
{
"composer": "Alban Berg",
"works": [
"Lulu",
"Violin Concerto",
"Wozzeck"
]
},
{
"composer": "Joaquín Rodrigo",
"works": [
"Concierto de Aranjuez",
"Guitar Concerto"
]
},
{
"composer": "George Gershwin",
"works": [
"Porgy and Bess",
"Rhapsody in Blue"
]
},
{
"composer": "Pablo de Sarasate",
"works": [
"Zigeunerweisen, Op. 20"
]
},
{
"composer": "Johann Sebastian Bach",
"works": [
"Air on the G String",
"Brandenburg Concertos",
"St. Matthew Passion, BWV 244",
"Toccata and Fugue in D minor, BWV 565"
]
},
{
"composer": "George Frideric Handel",
"works": [
"Concerti grossi, Op. 6, HWV 319-330",
"Messiah, HWV 56"
]
},
{
"composer": "Antonio Vivaldi",
"works": [
"Four Seasons"
]
},
{
"composer": "Claudio Monteverdi",
"works": [
"L'Orfeo"
]
},
{
"composer": "Giuseppe Verdi",
"works": [
"Aida",
"Don Carlos",
"Falstaff",
"La traviata",
"Marcia trionfale",
"Otello",
"Requiem",
"Rigoletto"
]
},
{
"composer": "Giacomo Puccini",
"works": [
"La bohème",
"Madama Butterfly",
"Tosca",
"Turandot"
]
},
{
"composer": "Pietro Mascagni",
"works": [
"Cavalleria rusticana"
]
},
{
"composer": "Ruggero Leoncavallo",
"works": [
"Pagliacci"
]
},
{
"composer": "Carl Maria von Weber",
"works": [
"Der Freischütz, Op. 77, J. 277"
]
},
{
"composer": "Jacques Offenbach",
"works": [
"Orpheus in the Underworld"
]
},
{
"composer": "Igor Stravinsky",
"works": [
"L'Histoire du soldat",
"Le Sacre du Printemps",
"Petrushka",
"The Firebird"
]
},
{
"composer": "Léo Delibes",
"works": [
"Coppélia"
]
},
{
"composer": "Adolphe Adam",
"works": [
"Giselle"
]
},
{
"composer": "Manuel de Falla",
"works": [
"The Three-Cornered Hat"
]
},
{
"composer": "Aaron Copland",
"works": [
"Appalachian Spring"
]
},
{
"composer": "Zoltán Kodály",
"works": [
"Háry János",
"Sonata for Solo Cello"
]
},
{
"composer": "Benjamin Britten",
"works": [
"The War Requiem, Op. 66",
"The Young Person's Guide to the Orchestra"
]
},
{
"composer": "Erik Satie",
"works": [
"Gymnopédie"
]
},
{
"composer": "César Franck",
"works": [
"Sonata in A major for Violin and Piano"
]
},
{
"composer": "Giuseppe Tartini",
"works": [
"Violin Sonata in G minor, B.g5"
]
},
{
"composer": "Niccolò Paganini",
"works": [
"Caprice No. 24"
]
},
{
"composer": "Fritz Kreisler",
"works": [
"Liebesleid",
"Schön Rosmarin"
]
},
{
"composer": "Jules Massenet",
"works": [
"Méditation"
]
},
{
"composer": "Francisco Tárrega",
"works": [
"Recuerdos de la Alhambra"
]
},
{
"composer": "Gabriel Fauré",
"works": [
"Après un rêve",
"Clair de lune",
"Requiem in D minor, Op. 48"
]
},
{
"composer": "Heitor Villa-Lobos",
"works": [
"Bachianas Brasileiras No. 5"
]
},
{
"composer": "Joseph Canteloube",
"works": [
"Chants d'Auvergne"
]
},
{
"composer": "Carl Orff",
"works": [
"Carmina Burana"
]
},
{
"composer": "Tomaso Albinoni",
"works": [
"Adagio in G minor for violin, strings, and organ continuo"
]
},
{
"composer": "Johann Pachelbel",
"works": [
"Canon and Gigue for 3 violins and basso continuo, PWC 37, T. 337, PC 358"
]
},
{
"composer": "Georg Philipp Telemann",
"works": [
"Tafelmusik"
]
}
]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment