%%%% Proceedings format for most of ACM conferences (with the exceptions listed below) and all ICPS volumes.
%\documentclass[sigconf]{acmart}
%%%% Proceedings format for SIGCHI conferences
\documentclass[sigchi]{acmart}

\usepackage{tabularx} % Better table management
\usepackage{makecell}
\usepackage{booktabs} % For formal tables
\usepackage{enumitem} % Minor fixes for bulleted list spacing
\usepackage{caption} 
\captionsetup[figure]{skip=2pt}


% Copyright
% \setcopyright{none}
%\setcopyright{acmcopyright}
%\setcopyright{acmlicensed}
%\setcopyright{rightsretained}
%\setcopyright{usgov}
%\setcopyright{usgovmixed}
%\setcopyright{cagov}
%\setcopyright{cagovmixed}
% DOI
%\acmDOI{10.475/123_4}
% ISBN
%\acmISBN{123-4567-24-567/08/06}

%Conference, change based on form
\copyrightyear{2019} 
\acmYear{2019} 
%\setcopyright{acmlicensed}
\acmConference[CHI 2019]{CHI Conference on Human Factors in Computing Systems Proceedings}{May 4--9, 2019}{Glasgow, Scotland UK}
\acmBooktitle{CHI Conference on Human Factors in Computing Systems Proceedings (CHI 2019), May 4--9, 2019, Glasgow, Scotland UK}
\acmPrice{15.00}
\acmDOI{10.1145/3290605.3300363}
\acmISBN{978-1-4503-5970-2/19/05}
% Authors, replace the red X's with your assigned DOI string during the rightsreview eform process.

\settopmatter{printacmref=true}
\fancyhead{} % removes headers in the template

\begin{document}
\title[Visually Encoding the Lived Experience of BD]{Visually Encoding the Lived Experience\\of Bipolar Disorder}
%\titlenote{Produces the permission block, and
%  copyright information}
\subtitle{ Supplemental Material}
%\subtitlenote{The full version of the author's guide is available as
%  \texttt{acmart.pdf} document}

\author{Jaime Snyder}
%\authornote{Dr.~Trovato insisted his name be first.}
\orcid{}
\affiliation{%https://v2.overleaf.com/project/5b96d24018fb59042765c22b
  \institution{University of Washington}
%  \streetaddress{1212 Street}
%  \city{City}
%  \state{State}
%  \postcode{00000-9999}
}
\email{jas1208@uw.edu}

\author{Elizabeth Murnane}
%\authornote{The secretary disavows any knowledge of this author's actions.}
\affiliation{%
  \institution{Stanford University}
%  \streetaddress{1212 Street}
 % \city{City}
%  \state{State}
 % \postcode{00000-9999}
}
\email{emurnane@stanford.edu}

\author{Caitie Lustig}
%\authornote{Dr.~Trovato insisted his name be first.}
\orcid{}
\affiliation{%
  \institution{University of California Irvine}
%  \streetaddress{1212 Street}
%  \city{City}
%  \state{State}
%  \postcode{00000-9999}
}
\email{clustig@uci.edu}

\author{Stephen Voida}
%\authornote{Dr.~Trovato insisted his name be first.}
\orcid{}
\affiliation{%
  \institution{University of Colorado}
%  \streetaddress{1212 Street}
%  \city{City}
%  \state{State}
 % \postcode{00000-9999}
}
\email{svoida@colorado.edu}

% The default list of authors is too long for headers.
%\renewcommand{\shortauthors}{J. Snyder et al.}


%\begin{document}
\twocolumn[{%
\renewcommand\twocolumn[1][]{#1}%
% \renewcommand{\twocolumn}[1][]{#1}
\maketitle

\begin{center}
    \centering
    \captionsetup{type=figure}
   \includegraphics[scale=0.75]{files/images/selfLines.jpg}
 \captionof{figure}{Examples of output from the line drawing activity. \copyright  Authors. Image credit: De-identified participants.} \descriptionlabel{}
\label{fig:lines}
\end{center}%
\vspace{0.5cm}
\begin{center}
    \centering
    \captionsetup{type=figure}
   \includegraphics[scale=0.60]{files/images/timelines_5.jpg} 
    \captionof{figure}{Examples of timelines.  \copyright Authors. Image credit: De-identified participants.}
    \label{fig:timelines}
\end{center}
}]

\begin{figure*}
\includegraphics[scale=0.80]{files/images/timelines_annotated_4.jpg}
\caption{Examples of annotated timelines.  \copyright  Authors. Image credit: De-identified participants.}
\label{fig:timelinesAnnotated}
\end{figure*}

\begin{figure*}
\includegraphics[scale=0.95]{files/images/water_3.jpg} 
\caption{Visual motif: Water. Image credits: Google Image Search/Fair use.}
\label{fig:water}
\vspace{1.0cm}
Source URLs for Figure \ref{fig:water}, from left to right (click to visit):\\

\vspace{0.5cm}
\textcolor{blue}{\underline{\href{https://www.google.com/search?sa=G&hl=en&q=sea+of+galilee+storms&tbm=isch&tbs=simg:CAQSmQEJa2B5pTG-xYcajQELEKjU2AQaBggVCAEICQwLELCMpwgaYgpgCAMSKIgekRbsFboBkBaZHtwMlB6FFpsW6Ci2N5MqiyuPK6Mq3SKtN6Iq3iIaMCA8qAKF0N8xceM0NUEWeWcfWHxOew4OBE5ElSvk5Zbh4Xc_1DlCKIZP4FWfcgb7eICAEDAsQjq7-CBoKCggIARIERZlgIgw&ved=0ahUKEwjDjZuIq8rdAhW0KX0KHXuzAjoQwg4IKCgA&biw=2200&bih=1037}{Fig \ref{fig:water}-- Stormy sea}}}

\vspace{0.5cm}
\textcolor{blue}{\underline{\href{https://www.google.com/search?sa=G&hl=en&q=akaso+water+sports+action+camera+ultra+hd+waterproof+dv+professional+camcorder+wifi&tbm=isch&tbs=simg:CAQSlwEJn3lhspD3IikaiwELEKjU2AQaBAgVCAkMCxCwjKcIGmIKYAgDEiiXC_1IViRG1DooR7ByrA4UMuQWhHu0sqCSvN7M37CzsLrgitTfzI60lGjCVXdjUFPUv2aIsX3rG-dUKhRtwDyLo0K4Ls8lOwFdBJ4P0jP_1qcgomvRge3OgZrgsgBAwLEI6u_1ggaCgoICAESBGiafesM&ved=0ahUKEwj9prv7qsrdAhW4CDQIHSO9DegQwg4IKCgA&biw=2200&bih=1037}{Fig \ref{fig:water}-- Surfer}}}

\vspace{0.5cm}
\textcolor{blue}{\underline{\href{https://www.google.com/search?sa=G&hl=en&q=water+distortion+photographers&tbm=isch&tbs=simg:CAQSlQEJ_188xBfhCAeQaiQELEKjU2AQaAggVDAsQsIynCBpiCmAIAxIonRm7FsgL6xazHIEMwQvwFsALvxzeKOAo0T6HJ6c31iyOOIoktTehKBowVSxW4nTQ_1BXe79VZa2c5EPsSeHWIRvX-9YV7sZRn1TjyJzhC15A4GcqqC_1hEufa8IAQMCxCOrv4IGgoKCAgBEgQRTSO-DA&ved=0ahUKEwii8_yUq8rdAhWrIzQIHXBOAKUQwg4IKCgA&biw=2200&bih=1037}{Fig \ref{fig:water}-- Submerged face}}}
\vspace{1cm}
\end{figure*}
\vspace{1cm}

\newpage
\begin{figure*}
\includegraphics[scale=1.00]{files/images/tension_3.jpg}  
\caption{Visual motif: Tension and balance. Image credits: Google Image Search/Fair use.}
\label{fig:tension}
\vspace{1.0cm}
Source URLs for Figure \ref{fig:tension}, from left to right (click to visit):\\
\vspace{0.5cm}
\textcolor{blue}{\underline{\href{https://www.google.com/search?sa=G&hl=en&q=tug+of+war+rope&tbm=isch&tbs=simg:CAQSlAEJNygQwAeODWcaiAELEKjU2AQaBAgVCAEMCxCwjKcIGl8KXQgDEiXLAcoBqgPNASPGARepAxu2DtspqjSUJ7o3gieRKZIkwCTRPv4oGjB4r8ok5NvIB1RQv2W90QbmLkpJ7GQwoKcCoq57U-BVOiqOFgJINU_1RrzYhC7BpSzkgBAwLEI6u_1ggaCgoICAESBGH1xCgM&ved=0ahUKEwiv6LToq8rdAhUpHTQIHRP3BUYQwg4IKCgA&biw=2200&bih=1037;}{Fig \ref{fig:tension}-- Tug-of-war}}}

\vspace{0.5cm}
\textcolor{blue}{\underline{\href{https://www.google.com/search?sa=G&hl=en&q=intestines+in+a+knot&tbm=isch&tbs=simg:CAQSmAEJ4uiMrmNdx_1kajAELEKjU2AQaBggUCAMICgwLELCMpwgaYQpfCAMSJ8AUpQakBs4CywLDCJQDvAdfzALgLLA04SzaLLEgmSSWJNgslSSyIBowEYhgl7uSdlOy4EO2x1DI2B7bSjX38RoeQ8U7Tdt_1_1h9uXeVAt6_1UV8JpUATY-eDxIAQMCxCOrv4IGgoKCAgBEgTDIIPmDA&ved=0ahUKEwic_urHq8rdAhVDKH0KHZ-tA7oQwg4IKCgA&biw=2200&bih=1037;}{Fig \ref{fig:tension}-- Intestines}}}

\vspace{0.5cm}

\textcolor{blue}{\underline{\href{https://www.google.com/search?sa=G&hl=en&q=balancing+rocks+art&tbm=isch&tbs=simg:CAQSlwEJx6qbv2ZdYwcaiwELEKjU2AQaBAgVCAMMCxCwjKcIGmIKYAgDEiiaHrwVwBW5C9ELmx65FewLuAuyFu837TfTKcEp9ze_1JI4krC2NJJIkGjAqnW7jttKNcTUdqL3fpjyGOkMyN9eWg_1_1tLSQpQ_1HVdEF9oLxto6nOuBOMsLXNvkMgBAwLEI6u_1ggaCgoICAESBKVFZpwM&ved=0ahUKEwiU0YyArMrdAhXFGTQIHYZDCb8Qwg4IKCgA&biw=2200&bih=1037}{Fig \ref{fig:tension}-- Rocks}}}


\end{figure*}


\begin{figure*}
\includegraphics[width=\linewidth]{files/images/circular_3.jpg} 
\caption{Visual motif: Circular growth. Image credits: Google Image Search/Fair use.}
\label{fig:circular}
\vspace{1.0cm}
Source URLs for Figure \ref{fig:circular}, from left to right (click to visit):

\vspace{0.5cm}
\textcolor{blue}{\underline{\href{https://www.google.com/search?sa=G&hl=en&q=R3UK&tbm=isch&tbs=simg:CAQSlQEJzwOVDMyrR5EaiQELEKjU2AQaAggVDAsQsIynCBpiCmAIAxIolReCDNsXzB6CF90XgxeNDMsevh7wIZMplCngKKMpmjW4J4cptiegKRowFnd62-RncfxMCbSEMfFxIMpV6KCKMp2X2EwMkfpiyCjaY-S3xfQIoS9qsClmIdrvIAQMCxCOrv4IGgoKCAgBEgT3GPLXDA&ved=0ahUKEwj58LuMrcrdAhU6CDQIHanqD_kQwg4IKCgA&biw=1718&bih=922;}{Fig \ref{fig:circular}-- Fractal}}}
\vspace{0.5cm}

\textcolor{blue}{\underline{\href{https://www.google.com/search?sa=G&hl=en&q=macbook+pro+wallpaper+2017&tbm=isch&tbs=simg:CAQSmAEJ61tm5U8LT0YajAELEKjU2AQaBggVCAAIAQwLELCMpwgaYQpfCAMSJ5kX5xWYF5QLsAw5kwuWF7cOlxerN6Q3hieHJ6w34iimN-EhozfiIRowDUi75vHYNDs4ZvVhwBeblBQl6-nE-8LaSp0OTE9IWKGIxOD9cIrDZplYq6TGbt4LIAQMCxCOrv4IGgoKCAgBEgT_1ufacDA&ved=0ahUKEwjO4JOXrcrdAhVLGTQIHaJQCOsQwg4IKCgA&biw=1718&bih=922;}{Fig \ref{fig:circular}-- Explosion}}}

\vspace{0.5cm}

\textcolor{blue}{\underline{\href{https://www.google.com/search?sa=G&hl=en&q=lichen+fungi&tbm=isch&tbs=simg:CAQSlwEJs4MwAfJCwOgaiwELEKjU2AQaBAgVCAQMCxCwjKcIGmIKYAgDEijaC88WzhbVFoce2QvMFs0W1haGHo0i2jfiN9Ap2TfhN983wyjTIZwgGjCjFc8TEWk6sS2HuwB9sPmOZWkwbMmlbdTbw9lhLO6b87hxnX7NHjdxhG3nc9mFxTAgBAwLEI6u_1ggaCgoICAESBGCu5f4M&ved=0ahUKEwjK07ukrcrdAhVNIjQIHQlmBDwQwg4IKCgA&biw=1718&bih=922}{Fig \ref{fig:circular}-- Lichen}}}

\vspace{1.0cm}
\end{figure*}


\begin{figure*}
\includegraphics[width=\linewidth]{images/baseline_3.jpg}
\caption{Sense-making challenges: Baselines. Image credits: Google Image Search/Fair use.}
\label{fig:baseline}
\vspace{1.0cm}

Source URLs for Figure \ref{fig:baseline}, from left to right (click to visit):\\

\vspace{0.5cm}
\textcolor{blue}{\underline{\href{https://www.google.com/search?hl=en&q=not+cross+the+line&tbm=isch&tbs=simg:CAQSlwEJQpF1uGgw0HsaiwELEKjU2AQaBAgVCAsMCxCwjKcIGmIKYAgDEijpFsgDkgm2F6EX7wugF-sK7gv8C4I9-TmBNOI8gT2pPb4_1jTiBOKI9GjD7z5tTpCQ6fkIokkVDSSEDqlg-Z3EXByw1SghiD9bs4qiTV4JZsoD6wCzL8KC_12E8gBAwLEI6u_1ggaCgoICAESBPhA9qgM&sa=X&ved=0ahUKEwiF1KLbqcrdAhVfFTQIHUtcCKUQwg4IKCgA&biw=2200&bih=1037\#imgrc=vdtOMbJUXCQcmM:;}{Fig \ref{fig:baseline}-- Do Not Cross}}} 

\vspace{0.5cm}
\textcolor{blue}{\underline{\href{https://www.google.com/search?sa=G&hl=en&q=hurricane+matthew+path+florida&tbm=isch&tbs=simg:CAQSmQEJVU8ov88ZXvwajQELEKjU2AQaBggVCAQICQwLELCMpwgaYgpgCAMSKM4IsQPPCM0IzAjmCLAD6AjSCNEImynmN-g3mimLOOc33CmcPeEzuDQaMKACz9J1t3uIFZBbTWktz1swpo5oucCibRlKMf4Iat957_1dmFdx068NmAHibTb5bdSAEDAsQjq7-CBoKCggIARIEPkAmWAw&ved=0ahUKEwiYsdmJqsrdAhVIITQIHY-ODiYQwg4IKCgA&biw=2200&bih=1037}{Fig \ref{fig:baseline}-- Hurricane}}}

\vspace{0.5cm}
\textcolor{blue}{\underline{\href{https://www.google.com/search?sa=G&hl=en&q=lots+of+amazon+boxes&tbm=isch&tbs=simg:CAQSmQEJCOzECMQvdikajQELEKjU2AQaBggVCAIIBQwLELCMpwgaYgpgCAMSKOQK9gznDOAK5gyBDeEK2AXWBeIK3ibQNc81kDbXNYI22DWNKP0njigaMJmpGmgXo1mINWDTEKOrqTvWClkgitTfkK7TYRlv4nXwCcxkcQ0g9rtTyvnc1ZmoaSAEDAsQjq7-CBoKCggIARIEILrnFgw&ved=0ahUKEwi_0dGdqsrdAhV5IjQIHVvMD0AQwg4IKCgA&biw=2200&bih=1037}{Fig \ref{fig:baseline}-- Boxes}}}
\vspace{1.0cm}
\end{figure*}


\begin{figure*}
\includegraphics[scale=1.00]{files/images/distortion_3.jpg}
\caption{Sense-making challenges: Distortions. Image credits: Google Image Search/Fair use.}
\label{fig:distortions}
\vspace{1.0cm}
Source URLs for Figure \ref{fig:distortions}, from left to right (click to visit):\\

\vspace{0.5cm}

\textcolor{blue}{\underline{\href{https://www.google.com/search?sa=G&hl=en&q=60000+thoughts+a+day&tbm=isch&tbs=simg:CAQSlgEJ7K8U7UKvJooaigELEKjU2AQaBghCCBUIAwwLELCMpwgaXwpdCAMSJc4KxxVZU9MHlAbaGZMGWtgHwDTBNPMo1S3OM-409SSdJL80gTQaMHiwmhOTqZ5R1ODGxKR_1ZMNrRBPlIPz4o8sQiWAqpZcnTozwmOZeon1zAo3HmJXVwiAEDAsQjq7-CBoKCggIARIEagDz_1ww&ved=0ahUKEwjSjs_ercrdAhXoGDQIHWQJDP8Qwg4IKCgA&biw=1718&bih=922}{Fig \ref{fig:distortions}-- Mental chaos}}} 

\vspace{0.5cm}
\textcolor{blue}{\underline{\href{https://www.google.com/search?sa=G&hl=en&q=quagmire+family+guy+1999&tbm=isch&tbs=simg:CAQSlgEJ8hued2lTNKAaigELEKjU2AQaBAgVCAoMCxCwjKcIGmEKXwgDEifLAugSsQeLB0iTErAHmQf4EswC0j2qPaQ61D2RPsYkkD7RPeIk1j0aMD91_1uBKY-5ixdlLFlZkqCRcFqaMAgxpoP-wso9bE299mzc23hlrdXjfDMC8necBFCAEDAsQjq7-CBoKCggIARIEcGcIOQw&ved=0ahUKEwjKt5rorcrdAhUSK30KHbhZCugQwg4IKCgA&biw=1718&bih=922;}{Fig \ref{fig:distortions}-- Pencils}}} 

\vspace{0.5cm}
\textcolor{blue}{\underline{\href{https://www.dreamstime.com/royalty-free-stock-photography-zebra-water-glass-filled-against-style-backgroundcreating-interesting-distortion-effect-image40765717}{Fig \ref{fig:distortions}-- Stripes}}} 
\vspace{1.0cm}
\end{figure*}


\begin{figure*}
\includegraphics[scale=0.65]{files/images/linear_3_v2.jpg}
\caption{Sense-making challenges: Non-linearity. Image credits: Google Image Search/Fair use.}
\label{fig:nonlinear}
\vspace{1.0cm}
Source URLs for Figure \ref{fig:nonlinear}, from left to right (click to visit):\\ 
\vspace{0.5cm}
\textcolor{blue}{\underline{\href{https://www.google.com/search?sa=G&hl=en&q=split+in+the+road&tbm=isch&tbs=simg:CAQSlQEJWC7EZ7KBwcwaiQELEKjU2AQaAggVDAsQsIynCBpiCmAIAxIohAuHC6QVgwueC_10V-AqJBIgLjgujKqEq2yHlIcIi0yigKqw35yiiKhow0EQJNHFToW_11sUUzLA67B5gWMMeRyLFKfB8C7KVf8SkCws18eJhCwOBV02rik2mkIAQMCxCOrv4IGgoKCAgBEgQRvWzmDA&ved=0ahUKEwie4cC4rsrdAhU0IjQIHclDChMQwg4IKCgA&biw=1718&bih=922;}{Fig \ref{fig:nonlinear}-- Split path}}} 

\vspace{0.5cm}
\textcolor{blue}{\underline{\href{https://www.google.com/search?sa=G&hl=en&q=DJ+Qhelfin&tbm=isch&tbs=simg:CAQSlAEJeop1hmq_1xIUaiAELEKjU2AQaAggVDAsQsIynCBphCl8IAxIn9gvzC-MWa7sM9RbzFsEK7hfACrkqzSrwOMki0iq1KrYqtyrmPswqGjAkELpb_1RzgVrM_1dyZTOpFfmYiYJK26yCgFx34v5ZUKwJuOuKrTAOdgUOxgDL6MhBggBAwLEI6u_1ggaCgoICAESBANhza4M&ved=0ahUKEwjd4pLGrsrdAhW7IDQIHYFJB9sQwg4IKCgA&biw=1718&bih=922;}{Fig \ref{fig:nonlinear}-- Railing}}}

\vspace{0.5cm}
\textcolor{blue}{\underline{\href{https://www.google.com/search?sa=G&hl=en&q=stages+of+grief+meme&tbm=isch&tbs=simg:CAQSlwEJPO91AGVoL8MaiwELEKjU2AQaBAgUCAoMCxCwjKcIGmIKYAgDEijHE_14CpwjFE6gIkQjIE54IwhOgCLE-uDSlPt89nj7TNqo-wz3nN6g-GjCu1hcxFzwutkm3XpAVgtJTwSLFlQnnl9JalVQ2DRpdeGIoLqgQgUiiUczqi_1Vr1iwgBAwLEI6u_1ggaCgoICAESBI8yehQM&ved=0ahUKEwibq9XPrsrdAhXYIjQIHSttAxEQwg4IKCgA&biw=1718&bih=922}{Fig \ref{fig:nonlinear}-- Stages of Grief}}}

\vspace{1.0cm}
\end{figure*}


\begin{figure*}
\includegraphics[scale=.30]{files/images/ropes_3.jpg}
\caption{Rope in tension. \copyright  Authors. Image credit: J. Snyder and I. Gottlieb.}
\label{fig:rope}

\end{figure*}


\begin{figure*}
\includegraphics[scale=0.30]{files/images/WaterDistortion.jpg}\\
\includegraphics[scale=0.50]{files/images/WaterBaseline.jpg}\\
\includegraphics[scale=0.55]{files/images/WaterPebbles.jpg}
\caption{Water and sediment. \copyright  Authors. Image credit: J. Snyder and I. Gottlieb.}
\label{fig:watersediment}
\end{figure*}


\begin{figure*}
\includegraphics[scale=1.00]{files/images/LichenLobes.jpg}\\
\includegraphics[scale=0.85]{files/images/LichenBaseline.jpg}
\caption{Lichen. \copyright  Authors. Image credit: J. Snyder and I. Gottlieb.}
\label{fig:lichen}
\end{figure*}



\end{document}
