d3
GoJS, a JavaScript Library for HTML Diagrams
Our great sponsors
d3 | GoJS, a JavaScript Library for HTML Diagrams | |
---|---|---|
160 | 6 | |
101,274 | 6,125 | |
0.5% | 1.7% | |
6.9 | 6.8 | |
about 1 month ago | 13 days ago | |
JavaScript | HTML | |
ISC License | GNU General Public License v3.0 or later |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
d3
-
Live maps on a website?
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.
-
How do you create a family tree in d3.js?
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.
-
Frontend Essentials
D3.js - Data-Driven Documents
-
Geeking-out on SVG Graphics part-one
D3
-
Need help understanding dataset
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
-
D3js, CSS styles
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.
- [OC] Russian population decline hit -1,042,675 last year. This population pyramid shows the development since 1946. With wars, famine, and the fall of Soviet marked.
-
How I became a Software Developer - 5 Years Later
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.
-
[OC] TarVi: Login attempts and length on my SSH Server (Tarpit)
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.
-
How To Start Your Next Data Engineering Project
D3.js
GoJS, a JavaScript Library for HTML Diagrams
-
Ask HN: How to quickly animate sketches and 2D diagrams?
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.
-
It's always been you, Canvas2D
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.
-
Problem with some gojs gantt model
I have some problem with gojs(https://gojs.net/),
-
Ask HN: What are some tools / libraries you built yourself?
I'm not the only developer but I made (and still make) GoJS, an interactive diagramming library for the web.
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.
-
Ask HN: What diagrams do you use in software development?
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.
-
Using KonvaJS as canvas with React
GoJS
What are some alternatives?
echarts - Apache ECharts is a powerful, interactive charting and data visualization library for browser
vis
d4 - A friendly reusable charts DSL for D3
svg.js - The lightweight library for manipulating and animating SVG
paper.js - The Swiss Army Knife of Vector Graphics Scripting – Scriptographer ported to JavaScript and the browser, using HTML5 Canvas. Created by @lehni & @puckey
react-vis - Data Visualization Components
sigma.js - A JavaScript library aimed at visualizing graphs of thousands of nodes and edges
fabric.js - Javascript Canvas Library, SVG-to-Canvas (& canvas-to-SVG) Parser
visx - 🐯 visx | visualization components
vega - A visualization grammar.
three.js - JavaScript 3D Library.
draw.io - Source to app.diagrams.net