{% extends "notes/base.html" %}
{% load static %}
{% block title %}Graph{% endblock %}
{% block bodyclass %}wide{% endblock %}
{% block content %}
<h1>Knowledge graph</h1>
<p class="muted">Drag nodes, scroll to zoom, click a node to open it. Colour is the note's first tag.</p>
<canvas class="graph-canvas big" data-graph-url="{% url 'api_graph' %}" data-legend="legend" width="900" height="620"></canvas>
<div id="legend" class="legend"></div>
<script type="module" src="{% static 'notes/js/graph.js' %}"></script>
{% endblock %}