From IT Skills
Jump to: navigation, search

Gallery and charts, grams. Diverse!

D3 allows you to bind arbitrary data to a Document Object Model (DOM), and then apply data-driven transformations to the document. Readers familiar with other DOM frameworks such as jQuery or Prototype should immediately recognize similarities with D3. D3 does not introduce a new visual representation. Unlike Processing, Raphaël, or Protovis (gone to D3), D3’s vocabulary of graphical marks comes directly from web standards: HTML, SVG, and CSS... Best of all, D3 is easy to debug using the browser’s built-in element inspector: the nodes that you manipulate with D3 are exactly those that the browser understands natively.

D3 does not support WebGL natively, but you can do the force calculation via d3-force layout and just stream the updated position to webgl instead of SVG... Use sigmajs if your graph is big. Use d3 or vega if you are a d3 fan or your graph is simple and small. You can also look at Grapher (not free) as another alternative to sigmajs.

not too Category:Angular friendly

can serialize Canvas path commands to SVG.


D3 builder[edit]

3D Algorithms[edit]

D3.js is oriented more towards data visualization than scientific visualization, this means it doesn't have extensive support for displaying 3D space with exception of displaying geographic 3D data... D3 provides algorithm for 2D drawing of trees, but doesn't provide anything for 3D placement of trees and rendering such placement on a 2D screen.

если Вы заглянете в галерею D3, Вы не найдёте там ни одного трёхмерного примера. Причина в том, что D3 сильно заточена на работу с DOM браузера, и вроде как не поддерживает выборки произвольных объектов. Однако, обладая достаточной мотивацией, мы можем её заставить... Стандартом де-факто для 3D графики в JavaScript на сегодняшний день является Three.js

based on D3[edit]

  • plotly.js uses canvas too!
  • D3plus - It has a lot of additional features and utilities like SVG text wrapping that makes it easy to format text to fit into a rectangle or circles, svg forms, and legible colors that adjust text colors so that they’ll still be readable against the selected background.
  • attempt to build re-usable charts and chart components for d3.js without taking away the power that d3.js gives you. This is a very young collection of components, with the goal of keeping these components very customizable, staying away from your standard cookie cutter solutions.