+
+ ) : (
+ <>
+ 
+
+
+ )}
+
+ 
+
+ ) : (
+ <>
+
+ 
+
+
+
+ {userShareBar}
+
+ {missingSomeData && (
+
+ 
+ {YIM2023ColorStrings.map((color) => {
+ return (
+
+ );
+ })}
+
+
+ {YIM2023ColorStrings.map((color) => {
+ return (
+
+ );
+ })}
+ #YearInMusic
+ {hasSomeData ? (
+
+
+
+ ) : (
+ <>
+
+
+
+ Oh no!
++ We don't have enough 2023 statistics for {user.name}. +
++ Submit enough + listens before the end of December to generate your #yearinmusic + next year. +
+ + )} +{user.name}
+
+
+ Heads up: We were unable to compute all of the parts of Your Year in
+ Music due to not enough listens or an issue in our database, but
+ we're showing you everything that we were able to make. Your
+ page might look a bit different than others.
+
+ )}
+
+
+
+ {yearInMusicData.top_release_groups && (
+
+
+ Overview
+
+
+
+
+
+
+
+ )}
+
+
+
+ Top albums of 2023
+
+
+ {yearInMusicData.top_release_groups
+ .slice(0, 50)
+ .map((release_group) => {
+ if (
+ !release_group.caa_id ||
+ !release_group.caa_release_mbid
+ ) {
+ return null;
+ }
+ const coverArt = generateAlbumArtThumbnailLink(
+ release_group.caa_id,
+ release_group.caa_release_mbid,
+ 500
+ );
+ return (
+
+ ![{release_group.release_group_name}]()
+
+
+ );
+ })}
+
+
+
+ {getEntityLink(
+ "release-group",
+ release_group.release_group_name,
+ release_group.release_group_mbid
+ )}
+
+
+ {getStatsArtistLink(
+ release_group.artists,
+ release_group.artist_name,
+ release_group.artist_mbids
+ )}
+
+
+
+
+
+
+
+ Charts
+
+
+ {youOrUsername} {isCurrentUser ? "have" : "has"} great taste
+
+
+ {yearInMusicData.top_recordings && (
+
+
+
+ )}
+ {yearInMusicData.top_artists && (
+
+ 
+
+
+ Top songs of 2023
+
+ {yearInMusicData.top_recordings
+ .slice(0, 50)
+ .map((recording) => {
+ const listenHere = {
+ listened_at: 0,
+ track_metadata: {
+ artist_name: recording.artist_name,
+ track_name: recording.track_name,
+ release_name: recording.release_name,
+ additional_info: {
+ recording_mbid: recording.recording_mbid,
+ release_mbid: recording.release_mbid,
+ artist_mbids: recording.artist_mbids,
+ },
+ mbid_mapping: {
+ recording_mbid: recording.recording_mbid,
+ release_mbid: recording.release_mbid,
+ artist_mbids: recording.artist_mbids,
+ artists: recording.artists,
+ caa_id: recording.caa_id,
+ caa_release_mbid: recording.caa_release_mbid,
+ },
+ },
+ };
+ listens.push(listenHere);
+ return (
+
+
+
+
+
+ )}
+
+ 
+
+
+ Top artists of 2023
+
+ {yearInMusicData.top_artists.slice(0, 50).map((artist) => {
+ const details = getEntityLink(
+ "artist",
+ artist.artist_name,
+ artist.artist_mbid
+ );
+ const thumbnail = (
+
+
+
+
+
+
+ {(Boolean(topDiscoveriesPlaylist) ||
+ Boolean(topMissedRecordingsPlaylist)) && (
+
+ Statistics
+
+ you are a wonderful human being
+
+
+
+ {yearInMusicData.total_listen_count && (
+
+ {listensPerDayForGraph && (
+
+
+ )}
+ {yearInMusicData.total_listening_time && (
+
+ {yearInMusicData.total_listen_count}
+
+ songs graced {yourOrUsersName} ears
+
+
+ )}
+ {yearInMusicData.total_release_groups_count && (
+
+ {humanizeDuration(
+ yearInMusicData.total_listening_time * 1000,
+ {
+ largest: 1,
+ round: true,
+ }
+ )}
+
+ of music (at least!)
+
+
+ )}
+ {yearInMusicData.total_artists_count && (
+
+ {yearInMusicData.total_release_groups_count}
+
+ albums in total
+
+
+ )}
+ {newArtistsDiscovered && (
+
+ {yearInMusicData.total_artists_count}
+
+ artists got {yourOrUsersName} attention
+
+
+ )}
+ {yearInMusicData.day_of_week && (
+ {newArtistsDiscovered}
+ new artists discovered
+
+
+ )}
+ {yearInMusicData.day_of_week}
+ was {yourOrUsersName} music day
+
+
+ {capitalize(yourOrUsersName)} listening activity{" "}
+
+
+
+ )}
+ {mostListenedYearDataForGraph && (
+
+ {capitalize(yourOrUsersName)} listening activity{" "}
+
+ How many tracks did {youOrUsername} listen to each day of
+ the year?
+
+
+
+
+
+
+
+ tinycolor(selectedColor)
+ .lighten(15 * multiplier)
+ .toHexString()
+ )
+ .reverse(),
+ selectedColor,
+ ]}
+ monthBorderColor="#eeeeee"
+ dayBorderWidth={1}
+ dayBorderColor="#ffffff"
+ legends={[
+ {
+ anchor: "bottom-left",
+ direction: "row",
+ itemCount: 4,
+ itemWidth: 42,
+ itemHeight: 36,
+ itemsSpacing: 14,
+ itemDirection: "right-to-left",
+ },
+ ]}
+ />
+
+
+
+ What year are {yourOrUsersName} favorite songs from?{" "}
+
+
+ )}
+ {artistMapDataForGraph && (
+
+ What year are {yourOrUsersName} favorite songs from?{" "}
+
+ How much {isCurrentUser ? "were you" : `was ${user.name}`}{" "}
+ on the lookout for new music this year? Not that we're
+ judging
+
+
+
+
+
+
+
+
+ What countries are {yourOrUsersName} favorite artists from?{" "}
+
+
+ )}
+
+ What countries are {yourOrUsersName} favorite artists from?{" "}
+
+ Click on a country to see more details
+
+
+
+
+
+
+ tinycolor(selectedColor)
+ .lighten(15 * index)
+ .toHexString()
+ )
+ .reverse(),
+ selectedColor,
+ ...[1, 2].map((index) =>
+ tinycolor(selectedColor)
+ .darken(15 * index)
+ .toHexString()
+ ),
+ ]}
+ />
+
+
+ Rank by number of
+
+
+
+ -
+
- + {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */} + + this.changeSelectedMetric("listen", event) + } + > + Listens + + +
- + {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */} + + this.changeSelectedMetric("artist", event) + } + > + Artists + + +
+
+
+
+ )}
+
+ 2023 Playlists
+
+
+ {youOrUsername} {isCurrentUser ? "have" : "has"} earned these
+
+
+ {Boolean(topDiscoveriesPlaylist) &&
+ this.showTopLevelPlaylist(
+ 0,
+ topDiscoveriesPlaylist,
+ "discovery-playlist",
+ listens
+ )}
+ {Boolean(topMissedRecordingsPlaylist) &&
+ this.showTopLevelPlaylist(
+ 1,
+ topMissedRecordingsPlaylist,
+ "missed-playlist",
+ listens
+ )}
+
+
+
+ {Boolean(followingList.length) && (
+
+ Discover
+
+
+ there's a whole world out there
+
+
+ {yearInMusicData.new_releases_of_top_artists && (
+
+
+
+ )}
+ {sortedSimilarUsers && sortedSimilarUsers.length && (
+
+ 
+
+ New albums from {yourOrUsersName} top artists{" "}
+
+
+
+
+ New albums from {yourOrUsersName} top artists{" "}
+
+ Albums and singles released in 2023 from artists{" "}
+ {youOrUsername} listened to.
+
+ Missed anything?
+
+
+ + Missed anything? +
+ {yearInMusicData.new_releases_of_top_artists.map(
+ (release) => {
+ const details = (
+ <>
+
+
+ {getEntityLink(
+ "release-group",
+ release.title,
+ release.release_group_mbid
+ )}
+
+
+ {getEntityLink(
+ "artist",
+ release.artist_credit_name,
+ release.artist_credit_mbids[0]
+ )}
+
+
+ );
+ const listenHere: Listen = {
+ listened_at: 0,
+ track_metadata: {
+ artist_name: release.artist_credit_name,
+ track_name: release.title,
+ release_name: release.title,
+ additional_info: {
+ release_group_mbid: release.release_group_mbid,
+ artist_mbids: release.artist_credit_mbids,
+ },
+ mbid_mapping: {
+ recording_mbid: "",
+ release_mbid: "",
+ artist_mbids: [],
+ caa_id: release.caa_id,
+ caa_release_mbid: release.caa_release_mbid,
+ },
+ },
+ };
+ listens.push(listenHere);
+ return (
+
+
+ )}
+
+ 
+
+ Music buddies{" "}
+
+
+
+
+ Music buddies{" "}
+
+ Here are the users with the most similar taste to{" "}
+ {youOrUsername} this year.
+
+ Maybe check them out and follow them?
+
+
+ + Maybe check them out and follow them? +
+ {sortedSimilarUsers.map((userFromList) => {
+ const [name, similarityScore] = userFromList;
+ const similarUser: SimilarUser = {
+ name,
+ similarityScore,
+ };
+ const loggedInUserFollowsUser = this.loggedInUserFollowsUser(
+ similarUser
+ );
+ return (
+
+
+
+ )}
+
+ Friends
+
+ visit {yourOrUsersName} buds
+
+
+
+
+ {followingList.slice(0, 15).map((followedUser, index) => {
+ return (
+
+
+
+
+ 
+
+
+
+
+ );
+ })}
+ {followedUser}
+
+
+ {/* Trick to load the font files for use with the SVG render */}
+
+ x
+
+
+
+
+ 2023 Releases
+
+
+ just some of the great music that came out in 2023.
+
+ drag, scroll and click to listen to albums +
+ + drag, scroll and click to listen to albums +
+
+
+
+ {userShareBar}
+
+
+
+ Wishing you a restful 2024, from the ListenBrainz team.
+
+
+ If you have questions or feedback don't hesitate to contact us +
+ on + + our forums + + , + + by email + + , + + IRC + + , + + X + + , + + Bluesky + + or + + Mastodon + + . +
+
+ Feeling nostalgic? See your previous Year in Music:{" "} + 2022 +
+ + If you have questions or feedback don't hesitate to contact us +
+ on + + our forums + + , + + by email + + , + + IRC + + , + + X + + , + + Bluesky + + or + + Mastodon + + . +
+
+ Feeling nostalgic? See your previous Year in Music:{" "} + 2022 +