TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: D3 TimelineChart

62 pointsby grillorafaelabout 9 years ago

8 comments

proxyconabout 9 years ago
Looks nice. I&#x27;ve done a couple projects with a timeline, i was using this other library: <a href="http:&#x2F;&#x2F;visjs.org&#x2F;timeline_examples.html" rel="nofollow">http:&#x2F;&#x2F;visjs.org&#x2F;timeline_examples.html</a><p>comparing the two, the visjs is older with more features overall, but it seems to lack the option of having points instead of bars, like in your example.
mariusandraabout 9 years ago
There&#x27;s also this one: <a href="https:&#x2F;&#x2F;github.com&#x2F;namespace-ee&#x2F;react-calendar-timeline" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;namespace-ee&#x2F;react-calendar-timeline</a><p>The documentation sucks (doesn&#x27;t exist), but the component itself is pretty sweet.
sdegutisabout 9 years ago
This looks very useful for what we need to do next at work. However, lately I&#x27;ve been avoiding all &quot;layer on top of D3&quot; libraries, in favor of understanding how to do the thing myself in D3, and just doing it that way. Sure, it&#x27;s sometimes a significantly longer of a solution (300 lines vs 20), but the ability to completely change&#x2F;improve any aspect of it without needing to switch libraries or dig into the library&#x27;s source code or learn a new plugin system, this makes it worth the extra lines of code.
Kmaschtaabout 9 years ago
In the same style, there is EventDrops: <a href="https:&#x2F;&#x2F;github.com&#x2F;marmelab&#x2F;EventDrops" rel="nofollow">https:&#x2F;&#x2F;github.com&#x2F;marmelab&#x2F;EventDrops</a>
Zardoz84about 9 years ago
Also, I make a timeline javascript widget a few years ago. Sadly, I can&#x27;t open source it. I remember that then not was any decent widget or library to build an timeline.<p>If someone like to see it on action :<p>- <a href="http:&#x2F;&#x2F;elgreco.digibis.com&#x2F;en&#x2F;musobjects&#x2F;timeline.html?busq_concept=53" rel="nofollow">http:&#x2F;&#x2F;elgreco.digibis.com&#x2F;en&#x2F;musobjects&#x2F;timeline.html?busq_...</a><p>- <a href="http:&#x2F;&#x2F;zardoz84.bitbucket.org&#x2F;example&#x2F;poli&#x2F;index.html" rel="nofollow">http:&#x2F;&#x2F;zardoz84.bitbucket.org&#x2F;example&#x2F;poli&#x2F;index.html</a><p>- <a href="http:&#x2F;&#x2F;zardoz84.bitbucket.org&#x2F;example&#x2F;23f&#x2F;index.html" rel="nofollow">http:&#x2F;&#x2F;zardoz84.bitbucket.org&#x2F;example&#x2F;23f&#x2F;index.html</a><p>- <a href="http:&#x2F;&#x2F;zardoz84.bitbucket.org&#x2F;example&#x2F;jfk&#x2F;index.html" rel="nofollow">http:&#x2F;&#x2F;zardoz84.bitbucket.org&#x2F;example&#x2F;jfk&#x2F;index.html</a><p>Perhaps someday I would make a open source clone of it, with some improves that I have in mind to avoid some performance problems when there is too many elements (see the JFK example)
Demiurgeabout 9 years ago
Every time I start using a d3 library I get stuck and end up rewriting with my own code, without stuff that I don&#x27;t even need, and with all the particulars that I want. Even in react. But, I often search for examples, so thanks for sharing :)
pkdabout 9 years ago
Looks good, but I think the technical term for this is Gantt Chart.
brandonbabout 9 years ago
That&#x27;s really cool! Might use this for my next project.