-
Notifications
You must be signed in to change notification settings - Fork 7
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
fix(ci): rectify formatting in affected file for build workflow (#536)
- Loading branch information
1 parent
1ef9a00
commit 03ed380
Showing
1 changed file
with
47 additions
and
33 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -15,18 +15,32 @@ | |
|
|
||
| <body> | ||
| <div class="container mt-3"> | ||
|
|
||
| <h1>Examples of Multimodal Data Representation</h1> | ||
| <p> | ||
| The following examples demonstrate how maidr system works. Once you open any of the links below, press tab key (or click the plot area) to focus on the plot. Then, you can use the following keys to interact with the plot: | ||
| The following examples demonstrate how maidr system works. Once you open | ||
| any of the links below, press tab key (or click the plot area) to focus | ||
| on the plot. Then, you can use the following keys to interact with the | ||
| plot: | ||
| </p> | ||
| <ul> | ||
| <li>Arrow keys: move the data point</li> | ||
| <li>ctrl+LeftArrow / ctrl+Right+Arrow (on Windows and Linux): autoplay data points either to left or to right</li> | ||
| <li>cmd+LeftArrow / cmd+Right+Arrow (on Mac): autoplay data points either to left or to right</li> | ||
| <li>PageUp / PageDown: switch layers (currently supported in scatterplots only)</li> | ||
| <li> | ||
| ctrl+LeftArrow / ctrl+Right+Arrow (on Windows and Linux): autoplay | ||
| data points either to left or to right | ||
| </li> | ||
| <li> | ||
| cmd+LeftArrow / cmd+Right+Arrow (on Mac): autoplay data points either | ||
| to left or to right | ||
| </li> | ||
| <li> | ||
| PageUp / PageDown: switch layers (currently supported in scatterplots | ||
| only) | ||
| </li> | ||
| <li>B: toggle braille</li> | ||
| <li>T: toggle text announcement (it cycles through "terse", "verbose", and "off")</li> | ||
| <li> | ||
| T: toggle text announcement (it cycles through "terse", "verbose", and | ||
| "off") | ||
| </li> | ||
| <li>S: toggle sonification (spatial sound)</li> | ||
| <li>H: open Help and settings menu</li> | ||
| <li>ctrl+shift+/ (on Windows and Linux): toggle AI/LLM chat</li> | ||
|
|
@@ -36,19 +50,13 @@ <h1>Examples of Multimodal Data Representation</h1> | |
| <h2>Bar Plot</h2> | ||
| <ul> | ||
| <li> | ||
| <a target="_blank" href="bar_plot.html" | ||
| >Simple Bar Plot</a | ||
| > | ||
| <a target="_blank" href="bar_plot.html">Simple Bar Plot</a> | ||
| </li> | ||
| <li> | ||
| <a target="_blank" href="dodged_bar.html" | ||
| >Dodged Bar Plot</a | ||
| > | ||
| <a target="_blank" href="dodged_bar.html">Dodged Bar Plot</a> | ||
| </li> | ||
| <li> | ||
| <a target="_blank" href="stacked.html" | ||
| >Stacked Bar Plot</a | ||
| > | ||
| <a target="_blank" href="stacked.html">Stacked Bar Plot</a> | ||
| </li> | ||
| <li> | ||
| <a target="_blank" href="stacked_normalized.html" | ||
|
|
@@ -59,17 +67,13 @@ <h2>Bar Plot</h2> | |
| <h2>Histogram</h2> | ||
| <ul> | ||
| <li> | ||
| <a target="_blank" href="histogram.html" | ||
| >Histogram</a | ||
| > | ||
| <a target="_blank" href="histogram.html">Histogram</a> | ||
| </li> | ||
| </ul> | ||
| <h2>Line Plot</h2> | ||
| <ul> | ||
| <li> | ||
| <a target="_blank" href="lineplot.html" | ||
| >Line Plot</a | ||
| > | ||
| <a target="_blank" href="lineplot.html">Line Plot</a> | ||
| </li> | ||
| </ul> | ||
|
|
||
|
|
@@ -95,20 +99,30 @@ <h2>Box Plot</h2> | |
| <h2>Scatter Plot</h2> | ||
| <ul> | ||
| <li> | ||
| <a target="_blank" href="scatterplot.html" | ||
| >Scatter Plot</a | ||
| > | ||
| <a target="_blank" href="scatterplot.html">Scatter Plot</a> | ||
| </li> | ||
| </ul> | ||
| <h1>Contact</h1> | ||
| <h1>Contact</h1> | ||
|
|
||
| <p> | ||
| If you have any questions or suggestions, please contact us at | ||
| <a href="mailto:[email protected]">[email protected]</a>. | ||
| </p> | ||
| <p> | ||
| Developed by <a href="https://xabilitylab.ischool.illinois.edu" target="_blank">(x)Ability Design Lab</a> in the School of Information Sciences at the University of Illinois Urbana-Champaign. Directed by <a href="https://ischool.illinois.edu/people/jooyoung-seo" target="_blank">Dr. JooYoung Seo</a>. | ||
| </p> | ||
| <script src="/src/js/init.js"></script> | ||
| <p> | ||
| If you have any questions or suggestions, please contact us at | ||
| <a href="mailto:[email protected]">[email protected]</a | ||
| >. | ||
| </p> | ||
| <p> | ||
| Developed by | ||
| <a href="https://xabilitylab.ischool.illinois.edu" target="_blank" | ||
| >(x)Ability Design Lab</a | ||
| > | ||
| in the School of Information Sciences at the University of Illinois | ||
| Urbana-Champaign. Directed by | ||
| <a | ||
| href="https://ischool.illinois.edu/people/jooyoung-seo" | ||
| target="_blank" | ||
| >Dr. JooYoung Seo</a | ||
| >. | ||
| </p> | ||
| <script src="/src/js/init.js"></script> | ||
| </div> | ||
| </body> | ||
| </html> | ||