Skip to content

Commit

Permalink
ui
Browse files Browse the repository at this point in the history
  • Loading branch information
srichman333 committed Feb 19, 2024
1 parent 4680e93 commit 56a47c8
Show file tree
Hide file tree
Showing 2 changed files with 15 additions and 9 deletions.
18 changes: 12 additions & 6 deletions markdown/documents/dataViz.md
Original file line number Diff line number Diff line change
Expand Up @@ -31,24 +31,30 @@ To create a DataViz box, either import / drag a CSV file into your canvas or cop

- ### **Basic Graphs:**
A data set composed of string, numbers, prices, or percents can be viewed as a table, line chart, histogram, or pie chart that can be customized by its title and colors.
![](../../assets/gifs/dataViz/simple_dataViz.gif){:.img}

![](../../assets/gifs/dataViz/simple_dataViz.gif){:.img}

- ### **2D Graphs:**
The first column selected will turn green and be the x-axis, and the second column selected will turn red and be the y-axis.
![](../../assets/gifs/dataViz/2D_graph.gif){:.img}

![](../../assets/gifs/dataViz/2D_graph.gif){:.img}

- ### **Filtering:**
To filter the data, drag off a column of data. Selected rows from the original DataViz box to showing on the DataViz box displaying the filtered data.
![](../../assets/gifs/dataViz/filtering.gif){:.img}

![](../../assets/gifs/dataViz/filtering.gif){:.img}

- ### **Schema Tables as Data Visualization:**
When in Schema view, click the 'DataViz' button on the top bar. This will create a DataViz doc that represents the schema table - then, when back in Freeform view, this can be dropped onto the canvas. When the 'Display Live Updates to Canvas' toggle is selected, this DataViz doc will change as docs are added to and deleted from the canvas, and otherwise, it will represent the static schema table that it was created from.
![](../../assets/gifs/dataViz/fromSchema_dataViz.gif){:.img}

![](../../assets/gifs/dataViz/fromSchema_dataViz.gif){:.img}

- ### **Setting a Title Column:**
Holding 'shift' while selecting a column's first column will set that column as the data's title column. This means that no matter which columns are being displayed in a graph, the title column will also be available. Click on the column while holding 'shift' to remove the column as the data's title.
![](../../assets/gifs/dataViz/titleCol.gif){:.img}

![](../../assets/gifs/dataViz/titleCol.gif){:.img}

- ### **3-Column Line Charts:**
If three numerical columns are selected, the 'line chart' tab will display the second two columns selected (blue and red) over the first one (green).
![](../../assets/gifs/dataViz/3colLinechart.gif){:.img}

![](../../assets/gifs/dataViz/3colLinechart.gif){:.img}
6 changes: 3 additions & 3 deletions markdown/team.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,10 +14,10 @@ nav_order: 9

## Current Students

<img src="../assets/images/team/alyssa.jpeg" width="150" height="150"/> Alyssa Feinberg | <img src="../assets/images/team/eric.jpeg" width="150" height="150"/> Eric Ma | <img src="../assets/images/team/emily.jpeg" width="150" height="150"/> Emily Perelman |
<img src="../assets/images/team/alyssa.jpeg" width="300" height="300"/> Alyssa Feinberg | <img src="../assets/images/team/eric.jpeg" width="300" height="300"/> Eric Ma | <img src="../assets/images/team/emily.jpeg" width="300" height="300"/> Emily Perelman |
| :---- | :---- | :---- |
<img src="../assets/images/team/sarah.jpeg" width="150" height="150"/> **Sarah Richman** | <img src="../assets/images/team/jesus.jpeg" width="150" height="150"/> **Jesus Rodriguez** | <img src="../assets/images/team/zaul.jpeg" width="150" height="150"/> **Zaul Tavangar**
<img src="../assets/images/team/sophie.jpeg" width="150" height="150"/> **Sophie Zhang** | <img src="../assets/images/team/zachary.jpeg" width="150" height="150"/> **Zachary Zhang**
<img src="../assets/images/team/sarah.jpeg" width="300" height="300"/> **Sarah Richman** | <img src="../assets/images/team/jesus.jpeg" width="300" height="300"/> **Jesus Rodriguez** | <img src="../assets/images/team/zaul.jpeg" width="300" height="300"/> **Zaul Tavangar**
<img src="../assets/images/team/sophie.jpeg" width="300" height="300"/> **Sophie Zhang** | <img src="../assets/images/team/zachary.jpeg" width="300" height="300"/> **Zachary Zhang**

## Past Students
- Anika Ahluwalia
Expand Down

0 comments on commit 56a47c8

Please sign in to comment.