text: (window.webpackJsonp=window.webpackJsonp||[]).push([[12,13],{"1Bpj":function(e,t,a){"use strict";var n=a("q1tI"),i=a.n(n);var o=function(e){var t,a;function n(){return e.apply(this,arguments)||this}a=e,(t=n).prototype=Object.create(a.prototype),t.prototype.constructor=t,t.__proto__=a;var o=n.prototype;return o.componentDidMount=function(){var e=document.getElementById("viz1572121772029").getElementsByTagName("object")[0];e.style.width="800px",e.style.height="852px";var t=document.createElement("script");t.src="https://public.tableau.com/javascripts/api/viz_v1.js",e.parentNode.insertBefore(t,e)},o.render=function(){return i.a.createElement("div",{class:"tableauPlaceholder",id:"viz1572121772029",style:{position:"relative",margin:"auto"}},i.a.createElement("noscript",null,i.a.createElement("a",{href:"#"},i.a.createElement("img",{alt:" ",src:"https://public.tableau.com/static/images/Pl/Playlist_15718830465650/Story/1_rss.png",style:{border:"none"}}))),i.a.createElement("object",{class:"tableauViz",style:{display:"none"}},i.a.createElement("param",{name:"host_url",value:"https%3A%2F%2Fpublic.tableau.com%2F"})," ",i.a.createElement("param",{name:"embed_code_version",value:"3"})," ",i.a.createElement("param",{name:"site_root",value:""}),i.a.createElement("param",{name:"name",value:"Playlist_15718830465650/Story"}),i.a.createElement("param",{name:"tabs",value:"no"}),i.a.createElement("param",{name:"toolbar",value:"yes"}),i.a.createElement("param",{name:"static_image",value:"https://public.tableau.com/static/images/Pl/Playlist_15718830465650/Story/1.png"})," ",i.a.createElement("param",{name:"animate_transition",value:"yes"}),i.a.createElement("param",{name:"display_static_image",value:"yes"}),i.a.createElement("param",{name:"display_spinner",value:"yes"}),i.a.createElement("param",{name:"display_overlay",value:"yes"}),i.a.createElement("param",{name:"display_count",value:"yes"}),i.a.createElement("param",{name:"filter",value:"publish=yes"})))},n}(i.a.Component);t.a=o},Bl7J:function(e,t,a){"use strict";a("91GP");var n=a("IRj2"),i=a("q1tI"),o=a.n(i),l=a("Wbzz"),s=function(e){var t=e.siteTitle;return o.a.createElement("header",{style:{background:"rebeccapurple",marginBottom:"1.45rem"}},o.a.createElement("div",{style:{margin:"0 auto",maxWidth:960,padding:"1.45rem 1.0875rem"}},o.a.createElement("h1",{style:{margin:0}},o.a.createElement(l.Link,{to:"/",style:{color:"white",textDecoration:"none"}},t))))};s.defaultProps={siteTitle:""};var r=s,c=(a("8ypT"),function(e){var t=e.children,a=e.styles,i=n.data;return o.a.createElement(o.a.Fragment,null,o.a.createElement(r,{siteTitle:i.site.siteMetadata.title}),o.a.createElement("div",{style:Object.assign({margin:"0 auto",maxWidth:1040,padding:"0px 1.0875rem 1.45rem",paddingTop:0},a)},o.a.createElement("main",null,t),o.a.createElement("footer",null,"© ",(new Date).getFullYear(),", Built with"," ",o.a.createElement("a",{href:"https://www.gatsbyjs.org"},"Gatsby"))))});c.defaultProps={style:null};t.a=c},IRj2:function(e){e.exports=JSON.parse('{"data":{"site":{"siteMetadata":{"title":"A portfolio"}}}}')},JSz0:function(e,t,a){"use strict";var n=a("q1tI"),i=a.n(n);t.a=function(e){var t=e.children;return i.a.createElement("div",{style:{marginTop:"40px"}},i.a.createElement("h2",null,"Notes on process"),t)}},Zbp1:function(e,t,a){"use strict";a.r(t);var n=a("q1tI"),i=a.n(n),o=a("Wbzz"),l=(a("CBKJ"),a("Bl7J"));t.default=function(e){var t=e.children;return i.a.createElement(l.a,null,i.a.createElement("div",{id:"quantified-self-layout"},i.a.createElement("h1",null,"Quantified self: Joy"),i.a.createElement("p",null,"When I began working on this project, I had some fear that I wouldn't like what I saw in my data, whichever data I chose. Unlike my peers, I had no interest in self-accountability. So I began with a topic: Joy. What are the things that make me happy in everyday life? The things that make an eh day not so eh? Where do I look to keep my spirits buoyed? It didn't take long to figure it out. During my workday, it's my happy playlist (creatively titled The Happiest Playlist). It starts with Barbra Streisand and doesn't lose steam after that. I also have a particularly wonderful shoe collection, so I always have the option to just look down if I want to smile. At the end of my day I come home to my very pretty dog, Mousse. She is hilarious and sweet and a delight to come home to. She usually greets me with a wagging tail that moves her whole body and a toy as a gift."),i.a.createElement("p",null,"I was smiling the entire time I was putting these together. I hope the visualizations can bring you a little bit of joy too."),i.a.createElement("p",null,"Click the buttons below to toggle between visualizations."),i.a.createElement("div",{id:"happy-list"},i.a.createElement(o.Link,{to:"/happy/dog"},"The Happiest Dog Photos"),i.a.createElement(o.Link,{to:"/happy/shoes"},"The Happiest Shoe Collection"),i.a.createElement(o.Link,{to:"/happy/playlist"},"The Happiest Playlist")),i.a.createElement("hr",null),t))}},dgNi:function(e,t,a){"use strict";a.r(t);var n=a("q1tI"),i=a.n(n),o=a("Zbp1"),l=a("1Bpj"),s=a("JSz0");t.default=function(e){e.children;return i.a.createElement(o.default,null," ",i.a.createElement(l.a,null),i.a.createElement(s.a,null,i.a.createElement("p",null,"When I was a kid, my mom gave me an album put out by Clinique called Happy. It was a compilation of random songs about being happy. I listened to it all the time. In high school, I made my own version with songs that were happy just to me. In the last two years, I realized I needed a grown up version. I found songs I enjoyed that had a positive message. I found as many as I could, and I listened to it all the time. At some point I put it out to facebook that I was looking for suggestions and people came through! In that way, this list was collaborative. I've spent many hours trying to make all transitions smooth. You shouldn't listen on shuffle."," "),i.a.createElement("p",null,"This visualization was drastically different for pin-up than it is now. It was simply a bar chart of release yaer with color based on happiness score. From feedback I could tell this wasn't as interesting to everyone else as it was to me. Even to me I was finding it a little boring. What I really wanted to do was showcase the playlist."," "),i.a.createElement("p",null,"I realized I could include the playlist itself. It is searchable by artist, track name, happiness score, and release year. Then, the audience will have a reference point when they look at the other visualizations. This was inspired by many of my classmates implementing search features and Tableau stories in creative ways."," "),i.a.createElement("p",null,"The most interesting thing in this for me was being able to showcase the playlist. Naturally, you can't have a visualization about music without music. I did some searching and found a way to display song previews using Tableau actions. This adds richness to the experience since no one will know every song just by reading the title. It also gives the reader an opportunity to see if they agree with Spotify in its happiness ratings (or me for that matter)."),i.a.createElement("p",null,"One detail that I focused on through this whole project was only using tooltips when it made sense. Perhaps because I work for a newspaper, I am constantly thinking about how a visualization will translate to print. I wanted to challenge myself in that way."),i.a.createElement("p",null,"Another thing I was very careful about in the playlist visualization was strategic use of color. It was important to me to not have an overwhelming palette. Just two colors: one for happy and one for not happy. To me this made the entire thing easier to digest."),i.a.createElement("p",null,"One peculiar design decision I made was to do a bubble chart for each individual score. This was interesting to me because it allowed you to have a rough idea of composition with having to use a pie chart or tree map. You also can see which songs spotify rated the same when you hover over."," "),i.a.createElement("p",null,"I also made a bunch of visualizations that ended up not making the cut. I enjoyed the creative processing of making a bunch of visualizations quickly and then choosing the interesting ones to take to the next level."),i.a.createElement("p",null,"I am still open to suggestions for additional happy songs.")))}}}]);
  //# sourceMappingURL=component---src-pages-happy-playlist-js-a1d3de1fd9958f77fa8b.js.map