- https://konvajs.org/
- vectors
- events
- https://p5js.org/
- vectors
- events
- https://vectorjs.org/
- vectors
- svg elements
- https://g.js.org/
- vectors
- no events
- https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API
- too cumbersome
- https://github.com/pixijs/pixijs
- games oriented
function log(sel,msg) {
console.log(msg,sel);
}
svg
.append("text")
.attr("x", 0)
.attr("y", -20)
.attr("class", "svg_diagram_title")
.text(title)
.call(log,title)
;if you don't see any images - check your selector,
D3 will not complain about 'target element not found '!!!!
SOLUTION: fast and small example
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="d3.v5.js"></script>
</head>
<body>
<svg id="dataviz_area" height=200 width=450></svg>
<script>
// MUST BE DECLARED AFTER TARGET ELEMENT DECLARATION
d3.select("#dataviz_area").append("div").html("hello")
</script>
</body>
</html>