Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
24 changes: 11 additions & 13 deletions _quarto.yml
Original file line number Diff line number Diff line change
Expand Up @@ -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
11 changes: 11 additions & 0 deletions activity.qmd
Original file line number Diff line number Diff line change
@@ -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
11 changes: 11 additions & 0 deletions background.qmd
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
# Slides

Add slides link

# Pre-requisites (if any)

List any pre-requisites for activities

# Other Resources

Add other resources here
11 changes: 0 additions & 11 deletions contact.qmd

This file was deleted.

7 changes: 7 additions & 0 deletions discussion.qmd
Original file line number Diff line number Diff line change
@@ -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
50 changes: 0 additions & 50 deletions editing.qmd

This file was deleted.

77 changes: 0 additions & 77 deletions git_actions.qmd

This file was deleted.

39 changes: 0 additions & 39 deletions hosting.qmd

This file was deleted.

51 changes: 23 additions & 28 deletions index.qmd
Original file line number Diff line number Diff line change
@@ -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)

11 changes: 11 additions & 0 deletions plots.qmd
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
# Activity Instructions

Add instructions here

# List of plot types

Add list of plot types to choose from here

# link

Link to the google doc or slide deck where information should be added here
3 changes: 3 additions & 0 deletions resources/dictionary.txt
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ cheatsheet
css
custimization
cwrigh
DeCoDE
Dockerfile
Dockerhub
favicon
Expand All @@ -14,6 +15,8 @@ HTTPS
lightblue
lightgreen
OTTR
pre
Pre
Rmd
subdir
th
Expand Down
Loading
Loading