fhdsl · kweav · Jul 6, 2026 · Jul 6, 2026 · Jul 6, 2026 · Jul 6, 2026
diff --git a/_quarto.yml b/_quarto.yml
@@ -3,27 +3,25 @@ project:
   output-dir: docs
 
 website:
-  title: "OTTR Template Website"
+  title: "Data Visualization Essentials"
   navbar:
     left:
     - text: ""
       href: index.qmd
       icon: fa-home
-    - text: 1. Setup
-      href: setup.qmd
-    - text: 2. Hosting
-      href: hosting.qmd
-    - text: Editing
-      href: editing.qmd
-    - text: 3. Style
-      href: style.qmd
-    - text: 4. Git Actions
-      href: git_actions.qmd
-    - text: More ottr docs
-      href: https://www.ottrproject.org/
+    - text: Slides and Resources
+      href: background.qmd
+    - text: Exploring Plot Types
+      href: plots.qmd
+    - text: Discussing Common Challenges
+      href: discussion.qmd
+    - text: Activity
+      href: activity.qmd
+
 
 format:
   html:
     theme: cosmo
     css: styles.css
     toc: true
+    toc-location: left
diff --git a/activity.qmd b/activity.qmd
@@ -0,0 +1,11 @@
+# Data
+
+Link to data (or explain how to get it)
+
+# Description of data
+
+Provide a brief description of the data
+
+# Activity description
+
+What are we going to do in this activity
diff --git a/background.qmd b/background.qmd
@@ -0,0 +1,22 @@
+# Slides
+
+Slides for workshop: [https://docs.google.com/presentation/d/1wSy8jDOnuETR5Y9jbK6m5eNbQsxSWnyYio-wPs-m3YE/edit?usp=sharing](https://docs.google.com/presentation/d/1wSy8jDOnuETR5Y9jbK6m5eNbQsxSWnyYio-wPs-m3YE/edit?usp=sharing)
+
+* Background and Fundamentals: Slides `#` - `#`
+* Exploring Plot Types: Slides `#` - `#`
+* Best Practices for Ethical and Accessible Data Visualizatoins: Slides `#` - `#`
+* Discussion: Common Data Visualization Challenges: Slides `#` - `#`
+* Activity: Building an Expository Graph: Slides `#` - `#`
+
+
+# Pre-requisites (if any)
+
+List any pre-requisites for activities
+
+# Other Resources
+
+* ITN Considerations for Data Visualization Course: [https://hutchdatascience.org/DataViz_Considerations/](https://hutchdatascience.org/DataViz_Considerations/)
+* NCI Data Visualization Basics: [https://datascience.cancer.gov/training/learn-data-science/visualize-data-basics](https://datascience.cancer.gov/training/learn-data-science/visualize-data-basics}
+* Exploratory vs Expository Graphs: [https://jtleek.com/ads2020/week-10.html#creating-expository-graphs](https://jtleek.com/ads2020/week-10.html#creating-expository-graphs)
+* [10 Simple Rules for Better Figures](https://journals.plos.org/ploscompbiol/article?id=10.1371/journal.pcbi.1003833)
+* Gallery for common plots: [https://www.data-to-viz.com/#explore](https://www.data-to-viz.com/#explore)
diff --git a/contact.qmd b/contact.qmd
diff --git a/discussion.qmd b/discussion.qmd
@@ -0,0 +1,7 @@
+# Discussion prompt
+
+Add the discussion prompt here
+
+# Include some examples?
+
+Possibly provide some examples of challenges to get the conversation started
diff --git a/editing.qmd b/editing.qmd
diff --git a/git_actions.qmd b/git_actions.qmd
diff --git a/hosting.qmd b/hosting.qmd
diff --git a/index.qmd b/index.qmd
@@ -1,36 +1,31 @@
 ---
-title: "**Website Name**"
+title: "**DeCoDE Institute Summer 2026: Data Visualization Essentials**"
 output:
   html_document
 ---
 
-<div class = "banner_color">
-Banner text!  
-</div>
-
 ### **About**
 
-This website was created with the [OTTR_Quarto website template](https://github.com/ottrproject/OTTR_Quarto). 
-
-This enables simpler creation of websites that have automated checks for broken URLs and spelling errors, as well as automated rendering of all html files. No need to worry about git conflicts for html files! See [ottrproject.org](https://www.ottrproject.org/) for more docs and details. 
-
-Here is how you can include images in your website pages (this one is saved in `resources/images` to keep things tidy:
-
-```{r, fig.align='center', fig.alt= "Example image", echo = FALSE, out.width="30%"}
-knitr::include_graphics("resources/images/example_image.png")
-```
-
-
-
-We will go through the following:
-
-1. How to set up your repository to enable the GitHub actions of the template. (Setup tab)
-2. How to host your website using GitHub (Hosting tab)
-3. How to modify your website structure (Structure tab)
-4. How to change your website style (Style tab)
-5. More information about GitHub Actions (Git Actions tab)
-
-Click on each tab to learn more.
-
-
+This workshop introduces key considerations for creating effective data visualizations, including how to choose appropriate plots and communicate insights clearly. Participants will learn core design principles, accessibility practices, and strategies to avoid misleading or distorted visuals. Through examples attendees will develop skills to evaluate and create clear, informative, and publication-ready figures.
+
+We will
+
+* Discuss Background and Fundamentals
+  * What is Data Visualization?
+  * Why is Data Visualization important?
+  * What are common uses for Data Visualization?
+  * Types of data and research questions
+* Discuss and Explore Plot types
+  * Building blocks
+  * Visual design principles
+  * Exploring Common plot types
+    *  Basic and Field Specific
+    *  When is a specific plot type the most appropriate to use?
+* Discuss Ethical and Accessible Data Visualization
+  * What are best practices?
+  * Suggesting changes or improvements
+* Discussion: common challenges
+* Activity: Building an expository graph 
+
+[Access to Slides for Workshop](https://docs.google.com/presentation/d/1wSy8jDOnuETR5Y9jbK6m5eNbQsxSWnyYio-wPs-m3YE/edit?usp=sharing)
 
diff --git a/plots.qmd b/plots.qmd
@@ -0,0 +1,11 @@
+# Activity Instructions
+
+1. [Join a group](https://docs.google.com/document/d/18ORHi60XOJoXgmm__iU8v9qLyeDKLxgWaARCI-3r2LY/edit?tab=t.0). Makes groups of 2-3 people.  
+2. [Pick a plot from this list (also listed below)](https://docs.google.com/document/d/1MbvXteORzWHWc4TI-YeGSmbe9qSP8J5G5Sy0uB0dfBo/edit?tab=t.0). Note there is a mixture of common plot types (Violin plot, boxplot, stacked bar chart, Heatmap) and field specific plots (e.g., Caterpillar plot, Waterfall plot, Quilt plot) listed.
+3. Research the plot type – answering specific questions listed on the template slide
+
+```{r echo = FALSE, out.width = "100%", fig.align = 'center', fig.alt = "A template slide showing the questions groups should explore for their chosen plot type. Questions include what is the plot used for, what kind of data is needed, what geometric marks or visual channels are being used, finding an example of that plot in the literature and interpeting it. A few questions such as how to make the plot, strengths and weaknesses of the plot as well as alternatives or related plot types are included if time allows.", fig.link = "https://docs.google.com/presentation/d/1B1LfZNsYfcaxridjDgsvhImJguXOe0otaVVcqVlcMiY/edit?slide=id.g3f43c8b46df_0_0#slide=id.g3f43c8b46df_0_0"}
+ottrpal::include_slide("https://docs.google.com/presentation/d/1wSy8jDOnuETR5Y9jbK6m5eNbQsxSWnyYio-wPs-m3YE/edit?slide=id.g3f3247a3397_1_3660#slide=id.g3f3247a3397_1_3660")
+```
+
+4. [Duplicate the template slide & add answers to this slide deck](https://docs.google.com/presentation/d/1B1LfZNsYfcaxridjDgsvhImJguXOe0otaVVcqVlcMiY/edit?slide=id.g3f43c8b46df_0_0#slide=id.g3f43c8b46df_0_0)
diff --git a/resources/dictionary.txt b/resources/dictionary.txt
@@ -4,6 +4,7 @@ cheatsheet
 css
 custimization
 cwrigh
+DeCoDE
 Dockerfile
 Dockerhub
 favicon
@@ -14,6 +15,8 @@ HTTPS
 lightblue
 lightgreen
 OTTR
+pre
+Pre
 Rmd
 subdir
 th