diff --git a/src/app/components/topology-summary/topology-summary.component.html b/src/app/components/topology-summary/topology-summary.component.html
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/components/topology-summary/topology-summary.component.scss b/src/app/components/topology-summary/topology-summary.component.scss
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/components/topology-summary/topology-summary.component.spec.ts b/src/app/components/topology-summary/topology-summary.component.spec.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/components/topology-summary/topology-summary.component.ts b/src/app/components/topology-summary/topology-summary.component.ts
new file mode 100644
index 00000000..e62673f8
--- /dev/null
+++ b/src/app/components/topology-summary/topology-summary.component.ts
@@ -0,0 +1,47 @@
+import { Component, OnInit, OnDestroy, Input } from '@angular/core';
+import { Project } from '../../models/project';
+import { Server } from '../../models/server';
+import { NodesDataSource } from '../../cartography/datasources/nodes-datasource';
+import { NodeService } from '../../services/node.service';
+import { Node } from '../../cartography/models/node';
+import { Subscription } from 'rxjs';
+import { ProjectService } from '../../services/project.service';
+import { ProjectStatistics } from '../../models/project-statistics';
+
+
+@Component({
+    selector: 'app-topology-summary',
+    templateUrl: './topology-summary.component.html',
+    styleUrls: ['./topology-summary.component.scss']
+})
+export class TopologySummaryComponent implements OnInit, OnDestroy {
+    @Input() project: Project;
+    @Input() server: Server;
+
+    private subscriptions: Subscription[];
+    projectsStatistics: ProjectStatistics;
+    nodes: Node[] = [];
+
+    //filters to introduce -> should be generic
+
+    constructor(
+        private nodesDataSource: NodesDataSource,
+        private projectService: ProjectService
+    ) {}
+
+    ngOnInit() {
+        this.subscriptions.push(
+            this.nodesDataSource.changes.subscribe((nodes: Node[]) => {
+                this.nodes = nodes;
+            })
+        );
+
+        this.projectService.getStatistics(this.server, this.project.project_id).subscribe((stats: ProjectStatistics) => {
+            this.projectsStatistics = stats;
+        });
+    }
+
+    ngOnDestroy() {
+        this.subscriptions.forEach((subscription: Subscription) => subscription.unsubscribe());
+    }
+}
diff --git a/src/app/models/project-statistics.ts b/src/app/models/project-statistics.ts
new file mode 100644
index 00000000..c26566ce
--- /dev/null
+++ b/src/app/models/project-statistics.ts
@@ -0,0 +1,6 @@
+export class ProjectStatistics {
+    drawings: number;
+    links: number;
+    nodes: number;
+    snapshots: number
+}
diff --git a/src/app/services/project.service.ts b/src/app/services/project.service.ts
index 4ca87f98..637dd624 100644
--- a/src/app/services/project.service.ts
+++ b/src/app/services/project.service.ts
@@ -49,6 +49,10 @@ export class ProjectService {
     return this.httpServer.delete(server, `/projects/${project_id}`);
   }
 
+  getStatistics(server: Server, project_id: string) {
+    return this.httpServer.get(server, `/projects/${project_id}/stats`);
+  }
+
   notificationsPath(server: Server, project_id: string): string {
     return `ws://${server.host}:${server.port}/v2/projects/${project_id}/notifications/ws`;
   }