Data Visualizations
Storybook of current implementation of Chart.js within the CBS repository managed by MarComms (Web Services)
CBS - Chart.js (Area)
Illustrated Area chart from AWS-hosted development
Source: Gernot Wagner, Isabel Hoyos, Helen Kim, Climate Knowledge Initiative, C02 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Augue viverra dui, morbi cursus proin rhoncus fusce tincidunt. Tristique amet vivamus feugiat facilisis arcu tortor, ligula imperdiet. Chart.js library can be found here: https://www.chartjs.org/.
CBS - Chart.js (Bar)
Illustrated Bar chart from AWS-hosted development
Source: Gernot Wagner, Isabel Hoyos, Helen Kim, Climate Knowledge Initiative, C02 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Augue viverra dui, morbi cursus proin rhoncus fusce tincidunt. Tristique amet vivamus feugiat facilisis arcu tortor, ligula imperdiet. Chart.js library can be found here: https://www.chartjs.org/.
CBS - Chart.js (Filled-in Time-line)
Illustrated Line chart from AWS-hosted development
Source: Gernot Wagner, Isabel Hoyos, Helen Kim, Climate Knowledge Initiative, C02 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Augue viverra dui, morbi cursus proin rhoncus fusce tincidunt. Tristique amet vivamus feugiat facilisis arcu tortor, ligula imperdiet. Chart.js library can be found here: https://www.chartjs.org/.
By the Numbers (Standard Data)
- Our Committment
- 32
- Years serving students, alumni, and business leaders
- Awards
- 110
- Number of research grants awarded
- Exploration
- 10426
- Students traveling on leadership programs
CBS - Chart.js (Bar, Vertical Stacked)
Illustrated Bar (Vertical Stacked) chart from AWS-hosted development
Source: Gernot Wagner, Isabel Hoyos, Helen Kim, Climate Knowledge Initiative, C02 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Augue viverra dui, morbi cursus proin rhoncus fusce tincidunt. Tristique amet vivamus feugiat facilisis arcu tortor, ligula imperdiet. Chart.js library can be found here: https://www.chartjs.org/.
CBS - Chart.js (Doughnut)
Illustrated Doughnut chart from AWS-hosted development
Source: Gernot Wagner, Isabel Hoyos, Helen Kim, Climate Knowledge Initiative, C02 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Augue viverra dui, morbi cursus proin rhoncus fusce tincidunt. Tristique amet vivamus feugiat facilisis arcu tortor, ligula imperdiet. Chart.js library can be found here: https://www.chartjs.org/.
Demographics (Percentages)
2024 Graduate Data Demographics provided by the Career Management Center.
- 44
- Women
- 42
- Minorities of U.S. Origin
- 51
- Non-U.S. Citizens
CBS - Chart.js (Horizontal Bar)
Illustrated Horizontal Bar chart from AWS-hosted development
Source: Gernot Wagner, Isabel Hoyos, Helen Kim, Climate Knowledge Initiative, C02 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Augue viverra dui, morbi cursus proin rhoncus fusce tincidunt. Tristique amet vivamus feugiat facilisis arcu tortor, ligula imperdiet. Chart.js library can be found here: https://www.chartjs.org/.
CBS - Chart.js (Line)
Illustrated Line chart from AWS-hosted development
Source: Gernot Wagner, Isabel Hoyos, Helen Kim, Climate Knowledge Initiative, C02 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Augue viverra dui, morbi cursus proin rhoncus fusce tincidunt. Tristique amet vivamus feugiat facilisis arcu tortor, ligula imperdiet. Chart.js library can be found here: https://www.chartjs.org/.
CBS - Chart.js (Pie)
Illustrated Line chart from AWS-hosted development
Source: Gernot Wagner, Isabel Hoyos, Helen Kim, Climate Knowledge Initiative, C02 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Augue viverra dui, morbi cursus proin rhoncus fusce tincidunt. Tristique amet vivamus feugiat facilisis arcu tortor, ligula imperdiet. Chart.js library can be found here: https://www.chartjs.org/.
CBS - Chart.js (Horizontal Bar) Horizontal Basic with Highlight
Illustrated Horizontal Bar (highlighted) chart from AWS-hosted development
Source: Gernot Wagner, Isabel Hoyos, Helen Kim, Climate Knowledge Initiative, C02 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Augue viverra dui, morbi cursus proin rhoncus fusce tincidunt. Tristique amet vivamus feugiat facilisis arcu tortor, ligula imperdiet. Chart.js library can be found here: https://www.chartjs.org/.
Data Table
| Year | Data Set 1 | Data Set 2 | Data Set 3 | Data Set 4 |
|---|---|---|---|---|
| ’12 | 12 | 17 | 4 | 30 |
| ’13 | 13 | 12 | 8 | 9 |
| ’14 | 21 | 11 | 12 | 30 |
| ’15 | 20 | 44 | 12 | 4 |
| '16 | 24 | 48 | 16 | 8 |
Source: Gernot Wager, Isabel Hoyos, Helen Kim, Climate Knowledge Initiative, C02 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Augue viverra dui, morbi cursus proin rhoncus fusce tincidunt. Tristique amet vivamus feugiat facilisis arcu tortor, ligula imperdiet. Chart.js library can be found here: https://www.chartjs.org/.
CBS - Chart.js (Bar) Vertical Stacked
Illustrated Horizontal Bar (highlighted) chart from AWS-hosted development
Source: Gernot Wagner, Isabel Hoyos, Helen Kim, Climate Knowledge Initiative, C02 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Augue viverra dui, morbi cursus proin rhoncus fusce tincidunt. Tristique amet vivamus feugiat facilisis arcu tortor, ligula imperdiet. Chart.js library can be found here: https://www.chartjs.org/.
CBS - Chart.js (Bar) Vertical Basic
Illustrated Bar (Vertical Basic) chart from AWS-hosted development
Source: Gernot Wagner, Isabel Hoyos, Helen Kim, Climate Knowledge Initiative, C02 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Augue viverra dui, morbi cursus proin rhoncus fusce tincidunt. Tristique amet vivamus feugiat facilisis arcu tortor, ligula imperdiet. Chart.js library can be found here: https://www.chartjs.org/.