removed sampel changes
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
This commit is contained in:
parent
7d13359f55
commit
6c5043a223
|
@ -1,11 +1,7 @@
|
||||||
import {
|
import {
|
||||||
mockBoxPlotData,
|
mockBoxPlotData,
|
||||||
mockCategoricalData,
|
mockCategoricalData,
|
||||||
mockGroupedBarGraphData,
|
|
||||||
mockLineData,
|
mockLineData,
|
||||||
mockPieData,
|
|
||||||
mockStackedBarGraphData,
|
|
||||||
mockStackedBarKeys,
|
|
||||||
moreMockCategoricalData,
|
moreMockCategoricalData,
|
||||||
} from "data/mocks";
|
} from "data/mocks";
|
||||||
import { pageRoutes } from "data/routes";
|
import { pageRoutes } from "data/routes";
|
||||||
|
@ -18,19 +14,10 @@ import { BarGraphVertical, BarGraphHorizontal } from "@/components/BarGraph";
|
||||||
import { BottomNav } from "@/components/BottomNav";
|
import { BottomNav } from "@/components/BottomNav";
|
||||||
import { BoxPlot } from "@/components/Boxplot";
|
import { BoxPlot } from "@/components/Boxplot";
|
||||||
import { ComponentWrapper } from "@/components/ComponentWrapper";
|
import { ComponentWrapper } from "@/components/ComponentWrapper";
|
||||||
import {
|
|
||||||
GroupedBarGraphHorizontal,
|
|
||||||
GroupedBarGraphVertical,
|
|
||||||
} from "@/components/GroupedBarGraph";
|
|
||||||
import { Header } from "@/components/Header";
|
import { Header } from "@/components/Header";
|
||||||
import { LineGraph } from "@/components/LineGraph";
|
import { LineGraph } from "@/components/LineGraph";
|
||||||
import { PieChart } from "@/components/PieChart";
|
|
||||||
import { SectionHeader } from "@/components/SectionHeader";
|
import { SectionHeader } from "@/components/SectionHeader";
|
||||||
import { SectionWrapper } from "@/components/SectionWrapper";
|
import { SectionWrapper } from "@/components/SectionWrapper";
|
||||||
import {
|
|
||||||
StackedBarGraphVertical,
|
|
||||||
StackedBarGraphHorizontal,
|
|
||||||
} from "@/components/StackedBarGraph";
|
|
||||||
import { WordCloud } from "@/components/WordCloud";
|
import { WordCloud } from "@/components/WordCloud";
|
||||||
|
|
||||||
import styles from "./samplePage.module.css";
|
import styles from "./samplePage.module.css";
|
||||||
|
@ -61,127 +48,6 @@ export default function SamplePage() {
|
||||||
<div className={styles.page}>
|
<div className={styles.page}>
|
||||||
<Header />
|
<Header />
|
||||||
<SectionWrapper title="Transfer" />
|
<SectionWrapper title="Transfer" />
|
||||||
<ComponentWrapper align="right" heading={""}>
|
|
||||||
<PieChart data={mockPieData} width={800} labelWidth={215} />
|
|
||||||
<BarGraphHorizontal
|
|
||||||
className={styles.barGraphDemo}
|
|
||||||
data={mockCategoricalData}
|
|
||||||
width={800}
|
|
||||||
height={500}
|
|
||||||
margin={{
|
|
||||||
top: 25,
|
|
||||||
bottom: 40,
|
|
||||||
left: 150,
|
|
||||||
right: 20,
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
<BarGraphVertical
|
|
||||||
className={styles.barGraphDemo}
|
|
||||||
data={mockCategoricalData}
|
|
||||||
width={800}
|
|
||||||
height={500}
|
|
||||||
margin={{
|
|
||||||
top: 20,
|
|
||||||
bottom: 80,
|
|
||||||
left: 60,
|
|
||||||
right: 20,
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
<StackedBarGraphVertical
|
|
||||||
width={600}
|
|
||||||
height={400}
|
|
||||||
keys={mockStackedBarKeys}
|
|
||||||
colorRange={[
|
|
||||||
Color.primaryAccent,
|
|
||||||
Color.secondaryAccentLight,
|
|
||||||
Color.primaryAccentLighter,
|
|
||||||
]}
|
|
||||||
data={mockStackedBarGraphData}
|
|
||||||
margin={{
|
|
||||||
top: 20,
|
|
||||||
left: 20,
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
<StackedBarGraphHorizontal
|
|
||||||
width={600}
|
|
||||||
height={400}
|
|
||||||
keys={mockStackedBarKeys}
|
|
||||||
colorRange={[
|
|
||||||
Color.primaryAccent,
|
|
||||||
Color.secondaryAccentLight,
|
|
||||||
Color.primaryAccentLighter,
|
|
||||||
]}
|
|
||||||
data={mockStackedBarGraphData}
|
|
||||||
margin={{
|
|
||||||
top: 20,
|
|
||||||
left: 20,
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<LineGraph
|
|
||||||
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
|
|
||||||
data={mockLineData}
|
|
||||||
width={600}
|
|
||||||
height={400}
|
|
||||||
margin={{
|
|
||||||
top: 20,
|
|
||||||
bottom: 80,
|
|
||||||
left: 30,
|
|
||||||
right: 20,
|
|
||||||
}}
|
|
||||||
colorRange={[Color.primaryAccent, Color.secondaryAccentLight]}
|
|
||||||
/>
|
|
||||||
<GroupedBarGraphHorizontal
|
|
||||||
className={styles.barGraphDemo}
|
|
||||||
data={mockGroupedBarGraphData}
|
|
||||||
barColors={[Color.primaryAccentLight, Color.secondaryAccentLight]}
|
|
||||||
barHoverColorsMap={{
|
|
||||||
[Color.primaryAccentLight]: Color.primaryAccent,
|
|
||||||
[Color.secondaryAccentLight]: Color.secondaryAccent,
|
|
||||||
}}
|
|
||||||
width={600}
|
|
||||||
height={400}
|
|
||||||
margin={{
|
|
||||||
top: 20,
|
|
||||||
bottom: 40,
|
|
||||||
left: 60,
|
|
||||||
right: 20,
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
<GroupedBarGraphVertical
|
|
||||||
className={styles.barGraphDemo}
|
|
||||||
data={mockGroupedBarGraphData}
|
|
||||||
barColors={[Color.primaryAccentLight, Color.secondaryAccentLight]}
|
|
||||||
barHoverColorsMap={{
|
|
||||||
[Color.primaryAccentLight]: Color.primaryAccent,
|
|
||||||
[Color.secondaryAccentLight]: Color.secondaryAccent,
|
|
||||||
}}
|
|
||||||
width={500}
|
|
||||||
height={400}
|
|
||||||
margin={{
|
|
||||||
top: 20,
|
|
||||||
bottom: 40,
|
|
||||||
left: 50,
|
|
||||||
right: 20,
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
<BoxPlot
|
|
||||||
width={600}
|
|
||||||
height={400}
|
|
||||||
data={mockBoxPlotData}
|
|
||||||
margin={{
|
|
||||||
top: 20,
|
|
||||||
left: 20,
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
|
|
||||||
<WordCloud
|
|
||||||
data={moreMockCategoricalData.map((word) => ({
|
|
||||||
text: word.key,
|
|
||||||
value: word.value,
|
|
||||||
}))}
|
|
||||||
/>
|
|
||||||
</ComponentWrapper>
|
|
||||||
<SectionHeader
|
<SectionHeader
|
||||||
title="Demographics"
|
title="Demographics"
|
||||||
subtitle="An insight into the demographics of UW’s CS programs"
|
subtitle="An insight into the demographics of UW’s CS programs"
|
||||||
|
|
Loading…
Reference in New Issue