This example, using satirical data from The Onion, demonstrates how to wrap long axis labels to fit on multiple lines.
Forked from Mike's Gist as a personal journey to study various aspects of D3. Some additional features added:
It turns out that some features (tooltip, alert) can only be used by using open in new window in bl.ocks.
Drag from an existing node to add a new node or link. Click to select/deselect nodes/links. Hit the DELETE key to remove the selected node or link. Drag to pan. Scroll to zoom.
Built with D3.js.
This example pulls together various examples of work with trees in D3.js.
The panning functionality can certainly be improved in my opinion and I would be thrilled to see better solutions contributed.
One can do all manner of housekeeping or server related calls on the drop event to manage a remote tree dataset for example.
Dragging can be performed on any node other than root (flare). Dropping can be done on any node.
Panning can either be done by dragging an empty part of the SVG around or dragging a node towards an edge.
| adapun* | |
| andaipun | |
| ataupun | |
| bagaimanapun* | |
| biarpun | |
| kalaupun | |
| kendatipun | |
| maupun* | |
| meskipun | |
| sekalipun* |
| a-: asusila | |
| ab-: abnormal | |
| adi-: adibusana | |
| aero-*: aerodinamika | |
| alo-*: alofon | |
| antar-: antarkota | |
| ante-: antemeridiem | |
| anti-: antibiotik | |
| apo-: apoenzim | |
| asta-: astakona |
| adakalanya | |
| akhirulkalam | |
| alhamdulillah | |
| apalagi | |
| astagfirullah | |
| bagaimana | |
| barangkali | |
| beasiswa | |
| belasungkawa | |
| bilamana |
Click in the open space to add a node, drag from one node to another to add an edge.
Ctrl-drag a node to move the graph layout.
Click a node or an edge to select it.
When a node is selected: R toggles reflexivity, Delete removes the node.
When an edge is selected: L(eft), R(ight), B(oth) change direction, Delete removes the edge.
To see this example as part of a larger project, check out Modal Logic Playground!
| Benar Salah | |
| Allah Alloh | |
| Alquran Al Qur'an | |
| Alquran Al-Qur'an | |
| Alquran Al-Quran | |
| Asar Azhar | |
| Buddha Buda | |
| Buddha Budha | |
| Februari February | |
| Februari Pebruari |