chore: Update graph size on full screen page

Author: weaponsforge

components/profile-centered/index.js

@@ -34,7 +34,11 @@ function ProfileCenteredComponent ({
 
         {/** Greehouse Gas (GHG) Emmissions Section */}
         <Grid item xs={12} sm={5}>
-          <DonutChart {...donutData} />
+          <DonutChart
+            {...donutData}
+            width={300}
+            height={300}
+          />
         </Grid>
 
         <Grid item xs={12} sm={7}>
@@ -58,6 +62,8 @@ function ProfileCenteredComponent ({
         <Grid item xs={12} sm={5}>
           <BarChart
             {...barData}
+            width={300}
+            height={300}
           />
         </Grid>
 
@@ -72,6 +78,8 @@ function ProfileCenteredComponent ({
         <Grid item xs={12} sm={5}>
           <LineGraph
             {...barData}
+            width={300}
+            height={300}
           />
         </Grid>
 

components/profile/index.js

@@ -33,7 +33,11 @@ function ProfileComponent ({
 
         {/** Greehouse Gas (GHG) Emmissions Section */}
         <Grid item xs={12} sm={5}>
-          <DonutChart {...donutData} />
+          <DonutChart
+            {...donutData}
+            width={300}
+            height={300}
+          />
         </Grid>
 
         <Grid item xs={12} sm={7}>
@@ -57,6 +61,8 @@ function ProfileComponent ({
         <Grid item xs={12} sm={5}>
           <BarChart
             {...barData}
+            width={300}
+            height={300}
           />
         </Grid>
 
@@ -71,6 +77,8 @@ function ProfileComponent ({
         <Grid item xs={12} sm={5}>
           <LineGraph
             {...barData}
+            width={300}
+            height={300}
           />
         </Grid>
 

pages/barchartviz/index.js

@@ -0,0 +1,13 @@
+import BarChart from '@/components/common/ui/charts/bar'
+import { options, data } from '@/data/bar_data'
+
+function BarChartViz () {
+  return (
+    <BarChart
+      options={options}
+      data={data}
+    />
+  )
+}
+
+export default BarChartViz

pages/donutchartviz/index.js

@@ -0,0 +1,10 @@
+import DonutChart from '@/components/common/ui/charts/donut'
+import donutChartData from '@/data/donut_data'
+
+function DonutChartViz () {
+  return (
+    <DonutChart {...donutChartData} />
+  )
+}
+
+export default DonutChartViz

pages/linechartviz/index.js

@@ -0,0 +1,13 @@
+import LineGraph from '@/components/common/ui/charts/line'
+import { options, data } from '@/data/bar_data'
+
+function LineChartViz () {
+  return (
+    <LineGraph
+      options={options}
+      data={data}
+    />
+  )
+}
+
+export default LineChartViz