TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Interactive Charts with D3

216 点作者 msukmanowsky将近 6 年前

10 条评论

spiderfarmer将近 6 年前
This website shows everything that&#x27;s amazing about the internet and about web development, when done right.<p>There are no popups, cookie warnings, ads or other cruft. It&#x27;s informative, exquisitely designed, interactive in the right places, it loads fast and everything fits together perfectly.<p>I&#x27;m in awe.
评论 #20176112 未加载
评论 #20172920 未加载
评论 #20173518 未加载
pixelmonkey将近 6 年前
If building interactive charts with D3 leads to beautiful interactive blog posts like this one, combining code and visuals in a seamless way — well, then, sign me up!<p>(This introductory post is by the author of “Fullstack D3 and Data Visualization”, a book notable for, among other things, having the coolest front cover in existence: <a href="https:&#x2F;&#x2F;www.fullstack.io&#x2F;fullstack-d3" rel="nofollow">https:&#x2F;&#x2F;www.fullstack.io&#x2F;fullstack-d3</a>)
评论 #20172206 未加载
评论 #20175407 未加载
ashout将近 6 年前
Is there a tutorial somewhere that goes over how to make the interactive editor on the right of the blog post? That is super cool!
评论 #20174255 未加载
评论 #20173627 未加载
rchaud将近 6 年前
Is it just me or is D3 absurdly complicated for making a simple chart? I look through that tutorial and I ask myself why I&#x27;d go to the trouble of coding a chart from scratch when I&#x27;ve presumably already spent time analyzing and cleaning a dataset and am looking to make it presentable to an audience.<p>If I had to go with a custom design, I&#x27;d use HighCharts (free for non-commercial use) or ChartsJS (free), which already have these basic functions (interactive hover tooltips with supplementary data) built in. Just declare your data variable and specify your chart type, and that&#x27;s it. You can also modify the CSS to change the look and feel. Non-coders could build a dash in Google Data Studio, PowerBI or Tableau and export it for embedding on the web.<p>Don&#x27;t get me wrong, I&#x27;ve seen Mike Bostock&#x27;s D3 gallery and yes, it&#x27;s ideal for making incredibly elaborate, artistic data visualizations. But a line chart should be simple.
评论 #20175591 未加载
评论 #20179815 未加载
sillyquiet将近 6 年前
I make no assertion about its ease-of-implementation, niceness, or performance, but I love love love creating charts with D3 - there&#x27;s an elegance to it that just speaks to me over the alternative graphing libraries in js.
评论 #20176254 未加载
vixen99将近 6 年前
Link missing!<p>&quot;How up to date is the book? The book is up to date with the latest version of D3&quot; That page is not found.
评论 #20174910 未加载
评论 #20173555 未加载
InTheArena将近 6 年前
Great design and work @wattenburger. Top notch tutorial, and approach to make it understandable.
评论 #20176069 未加载
Keyframe将近 6 年前
<i>in your Terminal, start a server in the examples&#x2F; folder</i><p>there is no examples&#x2F; folder in github repo. Nice.
评论 #20174272 未加载
ryanmarsh将近 6 年前
Also see Dashing D3 (how I learned).<p><a href="https:&#x2F;&#x2F;www.dashingd3js.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;www.dashingd3js.com&#x2F;</a>
guru110将近 6 年前
Doesn&#x27;t work in IE 10.
评论 #20179359 未加载