[[
notes:urls:d3
]]
Vlado
Trace:
•
d3
Table of Contents
D3.js
D3.js
Libraries
Network editors
Examples, data visualization
Examples, network visualization
Family trees
Save picture as SVG, PDF, PNG
Mixed
D3.js
D3.js
D3.js - Data-Driven Documents
Vega
- a visualization grammar;
wiki
;
Gallery
jsDataV.is
; book:
http://jsdatav.is/intro.html
;
http://jsdatav.is/chap07.html
Jan Spike:
Creating network diagrams with D3.js
- ARCS; simple introduction to drawing directed network using D3
3D Force Layout
Web VOWL
; Friend of a Friend (FOAF) vocabulary
graphSub
- drawing a neighborhood of selected node
d3-process-map
demo
- fix nodes / unfix nodes
Jason Davies
:
Fast detecting of duplicates
;
Planarity
How to Make an Interactive Network Visualization
/ D3.js
UK economy
Integrative Multi-species Prediction
D3.js: How to handle dynamic JSON Data
http://datavisualizationsoftwarelab.com/
http://www.r-bloggers.com/ggplot2-docs-completely-remade-in-d3-js
Graph Visualization for Neo4j
Static and dynamic network visualization with R
;
PDF
Elijah Meeks and Maya Krishnan:
Introduction to Network Analysis and Representation
;
GitHub
EUSN'16 workshop PDF
D3plus
:
Network (x,y)
;
Simple Static Network
Hive plots
Elijah Meeks:
Creating effective network data visualization with D3.js
/ slides
Libraries
Grotto -
Network Visualization and Data Sharing
The InfoVis Toolkit
http://sigmajs.org/
JSNetworkX
- A JavaScript port of the NetworkX graph library;
example1
Network editors
Directed Graph Editor
D3's enter() and exit()
: Under the Hood
How to Make an Interactive Network Visualization
! print
Examples, data visualization
outdated GBD visualization tool
Dashing:
Data Visualization and D3.js
Examples, network visualization
D3 gallery
The Big List of D3.js Examples - Christophe Viau
Over 1000 D3.js Examples and Demos
;
Over 2000 D3.js Examples and Demos
Modifying a Force Layout
Better force layout node selection
Programming language network
BLOSUM matrices
Amino Acid / chemistry
Hive Plots
Les Misérables Co-occurrence
- matrix
Gene ontology data visualization with D3.js and python
Vélib network visualization
- Voronoi decomposition
D3.js with force direct graph with support for drag and drop to make node fixed
Force-based label placement
Directed Graph Editor
Force Editor + Pan/Zoom
d3-ForceEdgeBundling on US airline routes graph
Visualization of passes in a soccer game
Build Your Own Graph!
The PopCha! Movie Network
Static Force Layout
Force-Directed Graph
Radial Reingold–Tilford Tree
How To Convert Ccytoscape Network Format Table Data To Json/Xgmml
json representation for d3 force directed networks
,
example
Programming language network
→ data
Language Network
Linked Jazz
–> data? , additional info
Drew Conway
:
Visualizing networkx graphs in the-browser using d3
,
ZIA
,
Python
VAX! A game about epidemic prevention
Molecular viewer
d3 process map
WhoDoTheyServe.com
- a non-profit opensource effort to map the global political, financial and corporate power structure
iTunes library network graph
Layouts
;
Force Layout
Graph editor
Linked Jazz network
https://github.com/nylen/d3-process-map
The Music of Graphs
- editor, eigenvalues;
Planarity
- moving, testing
d3.js force directed graph example (basic)
, curved links (style)
networkD3
: D3 JavaScript Network Graphs from R
Stackoverflow:
Can't add labels to d3js force layout network visualization
An A to Z of extra features for the d3 force layout
d3.js network diagram slider filter
Network (X;Y)
Collaborations between research groups and core facilities at the Stowers Institute
Visualizing my Social Graph with d3.js
D3.js in Action
A template for rendering small NodeXL visualisations on the web using the d3.js
Visualising New York Times Article API Tag Graphs Using d3.js
Does Force-Directed Layout of d3-js support image as node?
A Sociology Citation Network
;
New version
Method: Data visualization with D3.js and python
Brushable Network, II
,
Brushable Network
Congressional Network Analysis
Draggable Network
,
Draggable Network, II
Visualizing discussions on Reddit with a D3 network and Embedly
Nodal is a fun way to view your GitHub network graph
Trisul 5.5 Multi layer streaming network analytics
Building Cubic Hamiltonian Graphs from LCF Notation
Collatz Graph: All Numbers Lead to One
Directed graph renderer for javascript
,
wiki
DAG as force graph
GoJS
:
Sankey Diagram
;
Family Tree
;
Logic Circuit
;
Dynamic Ports
http://sauce.joenoodles.com/pltransfers/
http://rfw.name/blog/2012/10/24/visualizing_facebook_friends.html
http://blog.stephenboak.com/2012/06/15/d3-flow-vis-tutorial.html
Family trees
genealogies, kinship
http://stackoverflow.com/questions/31245751/how-do-you-create-a-family-tree-in-d3-js
https://github.com/Lucas-C/genealogic-d3
https://www.reddit.com/r/Genealogy/comments/3ky3su/i_used_d3js_to_draw_fancy_descendant_charts/
https://github.com/justincy/d3-pedigree-examples
http://www.nowherenearithaca.com/2015/01/loading-gedcom-files-into-d3js-family.html
https://codedump.io/share/DruXBQ5wfplD/1/how-do-you-create-a-family-tree-in-d3js
https://chezsoi.org/lucas/blog/2014/11/18/en-genealogy-tree-visualization-with-d3-js/
http://www.d3noob.org/2014/01/tree-diagrams-in-d3js_11.html
https://github.com/bengarvey/lineage
https://groups.google.com/forum/#!topic/d3-js/swdNaxuD2pk
http://dataalbum.github.io/
https://addons.alfresco.com/addons/alfresco-genealogy
http://www.robschmuecker.com/d3-js-drag-and-drop-zoomable-tree/
http://blogbob.coret.org/2014/08/geographical-distribution-of.html
Save picture as SVG, PDF, PNG
R-Package
d3Network
;
GitHub
;
examples, adding arrows
d3js/SVG Export demo
How do I save/export an SVG file after creating an SVG with D3.js
Save SVG as an Image
Save SVG as PNG
Exporting D3.js graphs to static SVG files, programmatically
Malcolm Maclean:
D3 Tips and Tricks
book,
Export an image from a d3.js page as a SVG or bitmap
Save and print a D3 generated SVG
Exporting SVG graphics to PNG or JPG
JS fiddle: SVG, Canvas, PNG
Chrome / SVG crowbar 2
https://github.com/Causata/svgenie
D3js click function to save SVG as dataurl in IMG tag, load into CANVAS and save as PNG dataurl, and auto download the actual PNG file
Render D3.js-driven SVG server-side!
Creating an SVG file with D3 and Node.js
Scripting Inkscape with d3.js
Love generating SVG with javascript? Move it to a server!
Tulip:
Export html containing d3.js animating SVG
Visualizing a NetworkX graph in the IPython notebook with d3.js
How do I save/export an SVG file after creating an SVG with D3.js (IE, safari and chrome)?
PhantomJS and D3.js
Static or dynamic? d3js and Jekyll with PhantomJS
Creating static data visualizations with D3.js and Node.js
The fall and rise of SVG – how SVG is more relevant than ever
D3js save SVG file
D3.js tips and tricks
/ slides
D3js save SVG file
NE DELA;
FileSaver.js
An example of creating a PNG from an SVG in D3
Exporting D3.js graphs to static SVG files, programmatically
Exporting - three easy ways to get D3 visualizations out of D3
Export an image from a d3.js page as a SVG or bitmap
Using d3.js both on the front end and server for generating images with node.js
Download a D3 visualization in Chrome
Combining the power of R and d3.js
Mixed
Loading
JS
dynamically-load-js-inside-js
dynamically-load-refresh-and-execute-javascript-from-external-file
Nonblocking Scripts
On-Demand JavaScript Explained
node-js-code-snippet-dynamically-load-all-javascript-in-a-folder
dynamically-loading-css-and-js-files-using-jquery
Loader
Parameters
W3 school - JS input
enter/exit
Mortgage
vnos podatkov
variables library
Local Python Server
Networks
Building cubic hamiltonian graphs
How to make an interactive network visualization
GraphSub
Webvowl
;
org
; Export !!!!
Process map
Visualizing NetworkX graphs in the browser using D3
Fisheye
Selectable force directed graph
D3 Selectable Force-Directed Graph
Planarity
Change-point detection in networks
UK Economy
Power structure
https://www.r-bloggers.com/creating-a-network-using-r/
https://www.r-bloggers.com/an-awesome-list-of-network-analysis-resources/
https://christophergandrud.github.io/networkD3/
https://cran.r-project.org/web/packages/networkD3/networkD3.pdf
https://www.r-bloggers.com/network-visualization-part-6-d3-and-r-networkd3/
https://www.r-bloggers.com/network-visualization-part-5-cytoscape-an-update-rcy3/
https://www.r-bloggers.com/network-visualization-part-4-3d-networks/
https://www.r-bloggers.com/network-visualization-part-3-hive-plots/
https://www.r-bloggers.com/network-visualization-part-2-gephi/
https://www.r-bloggers.com/social-network-analysis-using-r-and-gephis/
https://www.r-bloggers.com/sunbelt-and-eusn-workshops-on-using-r-and-igraph-for-sna/
https://www.r-bloggers.com/network-visualization-with-plotly-and-shiny/
https://www.r-bloggers.com/multivariate-data-analysis-and-visualization-through-network-mapping/
https://www.r-bloggers.com/basic-ggplot2-network-graphs-ver2/
https://www.r-bloggers.com/visualizing-with-d3-javascript-network-graphs-from-r/
https://www.r-bloggers.com/predictability-in-network-models/
https://www.r-bloggers.com/data-journalism-awards-data-visualization-of-the-year-2016/
http://blog.revolutionanalytics.com/2016/04/the-fbis-aerial-surveillance-program-visualized-with-r.html
http://buzzfeednews.github.io/2016-04-federal-surveillance-planes/analysis.html
https://www.r-bloggers.com/push-it-to-the-limit-som-clustering-networks/
https://www.r-bloggers.com/ggnetwork-network-geometries-for-ggplot2/
https://www.r-bloggers.com/analyzing-golden-state-warriors-passing-network-using-graphframes-in-spark/
https://github.com/yukiegosapporo/gsw_passing_network
Trees
http://bl.ocks.org/mbostock/2966094
geneo
https://www.jasondavies.com/tree-of-life/
Don't forget
http://www.ezglot.com/words.php?l=eng&w=color
https://www.jasondavies.com/coffee-wheel/
barve
https://www.jasondavies.com/crayola/
https://www.jasondavies.com/hilbert-curve/
https://www.jasondavies.com/wordcloud/#http%3A%2F%2Fsearch.twitter.com%2Fsearch.json%3Frpp%3D100%26q%3D%7Bword%7D=cloud
https://www.jasondavies.com/maps/random-points/
https://github.com/jasondavies/d3-cloud
http://www.primordion.com/Xholon/gwt/XholonCirclePacking.html
Icon font
https://icomoon.io/
https://github.com/gajus/interdependent-interactive-histograms
histogram - Ianus
http://vis.stanford.edu/jheer/d3/pyramid/shift.html
http://transfers.torlaune.de/
http://jeromecukier.net/projects/agot/events.html
temporal
http://amp.pharm.mssm.edu/clustergrammer/
https://github.com/ignacioola/insights
http://charts.animateddata.co.uk/tatum/
!!! podatki
http://bl.ocks.org/lafarer/7d8ecbf7b06b2ef0f72b
http://www.stowers.org/stowersreport/maps
http://www.webreference.com/programming/javascript/rg29/index.html
http://bl.ocks.org/thedod/4589092
http://bl.ocks.org/mbostock/1044242
http://bl.ocks.org/billierinaldi/raw/3779574/
http://www.redotheweb.com/DependencyWheel/
http://rjbaxley.com/pubs.html#0
http://bl.ocks.org/tchaymore/1249394
http://bl.ocks.org/paulovn/9686202
http://vax.herokuapp.com/
http://charts.animateddata.co.uk/f1/
http://www.stowers.org/stowersreport/maps
http://vizuly.io/product/mobile-app/?demo=d3js
http://students.mimuw.edu.pl/%7Erk292662/vertex/
http://names.darkgreener.com/
https://annalyzin.wordpress.com/2015/06/01/you-are-who-you-like/
http://ramblings.mcpher.com/Home/excelquirks/drivesdk/vizdependencies
http://labs.im/hnstat/
http://n79.org/infographics/asg1/
http://bl.ocks.org/mbostock/3885304
http://bl.ocks.org/NPashaP/f1e73faef87bee899b47
http://bl.ocks.org/4ndr01d3/2686646672a92aa89a0e
notes/urls/d3.txt · Last modified: 2017/03/26 11:46 by vlado
Except where otherwise noted, content on this wiki is licensed under the following license:
CC Attribution-Noncommercial-Share Alike 3.0 Unported