replaced hierarchies component with graph prop

frontend/src/routing/routes.tsx

@@ -4,7 +4,6 @@ import Data from '../data/Data';
 import Exploration from '../exploration/Exploration';
 import Home from '../home/Home';
 import Graph from '../visualization/Graph';
-import Hierarchies from '../visualization/Hierarchies';
 import Schema from '../visualization/Schema';
 import Visualization from '../visualization/Visualization';
 import RouteDefinition from './RouteDefinition';
@@ -34,7 +33,7 @@ const routes: Record<string, RouteDefinition> = {
       {
         path: '/visualization/hierarchical',
         label: 'Hierarchies',
-        content: () => <Hierarchies />,
+        content: () => <Graph layout="hierarchical" />,
       },
     ],
   },

frontend/src/visualization/Graph.tsx

@@ -49,10 +49,10 @@ const useStyles = makeStyles(() =>
  * @param height The height of the graph.
  * @returns The react-graph-vis options.
  */
-function buildOptions(width: number, height: number) {
+function buildOptions(width: number, height: number, layout?: string) {
   return {
     layout: {
-      hierarchical: false,
+      hierarchical: layout === 'hierarchical',
     },
     edges: {
       color: '#000000',
@@ -62,7 +62,12 @@ function buildOptions(width: number, height: number) {
   };
 }
 
-function Graph(): JSX.Element {
+type GraphProps = {
+  layout?: string;
+};
+
+function Graph(props: GraphProps): JSX.Element {
+  const { layout } = props;
   const classes = useStyles();
 
   // A React ref to the container that is used to measure the available space for the graph.
@@ -98,7 +103,11 @@ function Graph(): JSX.Element {
         <div className={classes.graphContainer}>
           <VisGraph
             graph={graphData}
-            options={buildOptions(containerSize.width, containerSize.height)}
+            options={buildOptions(
+              containerSize.width,
+              containerSize.height,
+              layout
+            )}
             key={uuid()}
           />
         </div>
@@ -110,4 +119,8 @@ function Graph(): JSX.Element {
   );
 }
 
+Graph.defaultProps = {
+  layout: undefined,
+};
+
 export default Graph;