HackerReposA FIELD GUIDE TO OPEN SOURCE
ProSponsor the shelf♧ 0
← Back to top all-time
shawwn
d4tree
JavaScript2018–2018
shawwn / d4tree

d4tree

Visualize your trees using D3. 🌲

2Distinct people
2Mentions
0Explicit recommenders
1GitHub stars
REPOSITORY AT A GLANCE

What to know before exploring

What it is

Visualize your trees using D3. 🌲

GitHub

Where it is used

No documented product use has been verified yet.

What people are saying

No recommendation phrase was found in the indexed comments.

No classified warning is attached to this page. Read the discussions before treating silence as approval.

Also in these discussions

No other repository is repeatedly linked in the same discussions.

This week on Hacker News

Nov 7–Nov 14 UTC · Direct repository links and separately labeled related project stories. Indexed through 11/14/2026, 3:56:07 PM UTC.

No direct repository links were found in the indexed HN discussions over the past seven days. Older discussions are available below.

Mentions over time

HN mentions by hour2 dated mentions

Observed mentions: 2018-01-21 11:14:42 UTC to 2018-01-21 11:54:18 UTC.

0122018-01-21 11:00:00 UTC to 2018-01-21 12:00:00 UTC (exclusive): 2 mentions; 0 submissions, 2 commentsJan 21, 11:00

Counts come from the repository’s dated source evidence. Index cutoff: 2026-11-02 08:16:59 UTC. One observed period does not establish a trend.

View mention counts and date ranges
UTC ranges include their start and exclude their end. Select a period to filter the source evidence.
PeriodStart (UTC)End (exclusive, UTC)MentionsSubmissionsComments
Jan 21, 11:002018-01-21 11:00:00 UTC2018-01-21 12:00:00 UTC202

What Hacker News says

2 sources
Do you realise that this is essentialy Mike Bostock's reference implementation of a Collapsible Tree [1]? Why re-distribute it as a separate repository? Rebeca Ricks added tooltips, but you haven't generalised these: the code in your repo still generates this text using .Data and .Purpose attributes of the data objects representing the leaves [2], which won't exist for general tree objects. [1]: https://bl.ocks.org/mbostock/4339083 [2]: https://github.com/shawwn/d4tree/blob/master/js/script.js#L7...
In How PayPal Shares Your Data
The tree visualization was kind of cool, so I turned it into a library called d4tree. https://github.com/shawwn/d4tree Throw it any JSON data whose structure is isomorphic to http://rebecca-ricks.com/paypal-data/data/paypal.json Here's an example of how to use d4tree on your site: https://github.com/shawwn/d4tree-paypal git clone https://github.com/shawwn/d4tree-paypal cd d4tree-paypal yarn && yarn dev Make any changes you want to paypal.json, then refresh http://localhost:1234 to see them. Whenever you're happy, run `yarn deploy` to push it live. Standard paypal visualization: https://dist-zlomdidehn.now.sh/ After truncating paypal.json to three nodes, we get a skinny tree: https://dist-kzpulmmevd.now.sh/ Let's attach package.json to the top of paypal.json: import d4tree from 'd4tree'; d4tree([{ name: "package.json",
Read the rest
parent: "null", children: require('./paypal.json'), Data: JSON.stringify(require('./package.json'), true, 2), }]); https://dist-vcqquyfbwl.now.sh https://imgur.com/a/arwF5
In How PayPal Shares Your Data

MAKE YOURSELF AT HOME

A few shortcuts

/
Search the collection
?
Open this guide
Esc
Close dialogs and navigation

Your saved repositories and interests stay in this browser.