centered charts

public/config.json

@@ -21,19 +21,19 @@
       "fileName": "data.csv"
     }
   ],
-  "chartList":[{
+  "chartList": [{
       "fileName": "data.csv",
       "chartColumn": "status"
     },
     {
-        "fileName": "data.csv",
-        "chartColumn": "age"
-      }
+      "fileName": "data.csv",
+      "chartColumn": "age"
+    }
   ],
-  "colorMaps" : {
-    "status" : {
-      "complicated":"red",
-      "single":"green"
+  "colorMaps": {
+    "status": {
+      "complicated": "red",
+      "single": "green"
     }
   }
 }

src/ChartLoader.tsx

@@ -6,7 +6,7 @@ export default class ChartLoader extends React.Component<any, any> {
   public render() {
     const colorMaps = this.props.colorMaps;
     return (
-      <Columns>
+      <Columns isCentered={true}>
         {this.props.chartList.map((o: any, i: number) => {
           const colorMap = colorMaps[o.chartColumn];
           return (