d3 VS GoJS, a JavaScript Library for HTML Diagrams

Sure. An SVG document is just a set of DOM elements, which can each be manipulated individually using JavaScript code. This is how the popular D3.js library works. Its main purpose is for charting and data visualization, but you could certainly use it for this too.

I've chosen d3.js for this because it looks like would be capable of doing the job. I just don't know how or even where to start. Tutorials about d3.js only cover standard charts like bar charts.

D3.js - Data-Driven Documents

D3

you're right, I need to use those libraries: https://www.npmjs.com/package/geometric and https://www.npmjs.com/package/d3 to interpret the results

The data are comming from a JSON REST API. For one of the requests I have to count the occurencies of new articles for every single day. I have met many problems being for the first time when I work with D3js library (https://d3js.org/) which seems to be the best way to build charts in Javascript. And it is a very nice solution for that. But, I've been hit by some issues. For instance, I could't change the color of my texts on the chart. I've been trying to change the style for color but it didn't work.

And so, April 20, 2017, was my first day at Frames. My job would be to make charts using the D3 library (which was also a part of the Free Code Camp curriculum) and vanilla Javascript. The company was quite small, there was a journalist who would use a backoffice to input data on chart templates, a senior developer to create and maintain the backoffice functionality and me, who would create and maintain the chart templates. Regarding the salary, I accepted the fact that I wouldn't be as productive as someone that graduated from a bootcamp or college so I was happy to take the 700 euro per month pay check.

I programmed the site myself for my master's thesis using JavaScript, HTML and CSS. I used [D3.js](https://d3js.org/) as support. Further for the analysis I took [data from GitHub](https://github.com/sapics/ip-location-db) to infer the country and location from the IP.

D3.js

GoJS might work for you: https://gojs.net

Although the focus of the library is interactivity and not setting up sequences of animation, but that is possible too.

My livelihood has been primarily building a Canvas diagramming library since 2010 (https://gojs.net), if anyone has any questions about 2D Canvas use in the real-world I'd be happy to answer them.

roundRect is great. Though you don't need 4 arcTo in order to make a rounded rect, you can use bezier instead (we do). Their example is also 1% amusing because they set the `fillStyle` but then call `stroke` (and not `fill`). I'll have to do some performance comparisons, since that's the operative thing for my use case (and any library author).

text modifiers are very welcome. It's crazy how annoying measuring still is, especially if you want thinks to look perfectly consistent across browsers. Though the chrome dominance is making things easier in one way, I guess.

context.reset is kinda funny. Most high-performance canvas apps will never want to use it. For that matter you want to set all properties as little as possible, especially setting things like context.font, which are slow even if you're setting it to the same value. (Or it was, I haven't tested that in several years).

I'm sure most users know this by now, but generally for performance the fewer calls you make to the canvas and the context, the beter. This is even true of transforms: It's faster to make your own Matrix class, do all your own matrix translation, rotation, multiplication, etc, and then make a single call to `context.setTransform`, than it is to call the other context methods.

I have some problem with gojs(https://gojs.net/),

I'm not the only developer but I made (and still make) GoJS, an interactive diagramming library for the web.

https://gojs.net

Most of its popularity is with large companies building their own internal tools where they need diagramming visualization capabilities (layouts, save/load, undo/redo, data binding, etc). So you won't see it too often in the wild, but under the surface it's used in every industry.

I love it, and I love HTML Canvas, which I wish was more popular.

I actually make a diagramming library for the web, called GoJS: https://gojs.net

So I make all kinds of diagrams, mostly as demonstrations. When developing an API itself, especially one where there are phases (objects must measure themselves and draw in a certain order, and not more than they need to), state machine-style and flowchart-style diagrams are awfully helpful.

GoJS