graph tweaks
parent
bb86aa11bd
commit
6d7a627969
|
@ -62,7 +62,7 @@
|
||||||
const STROKE = 1;
|
const STROKE = 1;
|
||||||
const FONT_SIZE = 16;
|
const FONT_SIZE = 16;
|
||||||
const TICKS = 200;
|
const TICKS = 200;
|
||||||
const FONT_BASELINE = 40;
|
const FONT_BASELINE = 30;
|
||||||
const MAX_LABEL_LENGTH = 50;
|
const MAX_LABEL_LENGTH = 50;
|
||||||
|
|
||||||
const graphData = {% include notes_graph.json %}
|
const graphData = {% include notes_graph.json %}
|
||||||
|
@ -225,7 +225,7 @@
|
||||||
const font = Math.max(Math.round(zoomOrKeep(FONT_SIZE)), 1);
|
const font = Math.max(Math.round(zoomOrKeep(FONT_SIZE)), 1);
|
||||||
|
|
||||||
text.attr("font-size", (d) => font);
|
text.attr("font-size", (d) => font);
|
||||||
text.attr("y", (d) => d.y - zoomOrKeep(FONT_BASELINE) + 8);
|
text.attr("y", (d) => d.y - zoomOrKeep(FONT_BASELINE)+3);
|
||||||
link.attr("stroke-width", zoomOrKeep(STROKE));
|
link.attr("stroke-width", zoomOrKeep(STROKE));
|
||||||
node.attr("r", (d) => {
|
node.attr("r", (d) => {
|
||||||
return zoomOrKeep(nodeSize[d.id]);
|
return zoomOrKeep(nodeSize[d.id]);
|
||||||
|
@ -299,6 +299,7 @@
|
||||||
const zoomHandler = d3.zoom().scaleExtent([0.2, 3]).on("zoom", resize);
|
const zoomHandler = d3.zoom().scaleExtent([0.2, 3]).on("zoom", resize);
|
||||||
|
|
||||||
zoomHandler(svg);
|
zoomHandler(svg);
|
||||||
|
d3.select('svg').call(zoomHandler.scaleBy, 0.8);
|
||||||
restart();
|
restart();
|
||||||
|
|
||||||
function isCurrentPath(notePath) {
|
function isCurrentPath(notePath) {
|
||||||
|
|
Loading…
Reference in New Issue