nowfound

Life & fun · January 17, 2016

TS

Tufte's line graph sparklines with D3.js

In this blog post, I will cover how to make a sparkline using d3.js . Our final product will look like this: For those who are unfamili...

Tufte's line graph sparklines with D3.js launched on January 17, 2016 with 30 votes, #1,961 of 4,522 launches that month and more than 75% of that year's launches. The site was still online in September 2026, 10 years on.

In plain words

Data Viz Talk is a blog post that teaches how to create sparklines—small, simple line graphs—using D3.js, a JavaScript visualization library. It is intended for developers and data visualization enthusiasts looking to learn practical charting techniques. The post walks through the process of building sparklines similar to those popularized by Edward Tufte, providing step-by-step guidance for implementing them in web projects.

written from the facts on this page · September 2026

Does a similar job

all alternatives →
  • TS
    Tufte's discrete sparklines using D3.js2016 · dataviztalk.blogspot.com · ▲70

    I've been working on a dashboard and found a data set that would look great represented as a discrete sparkline. This type of visualization ...

  • A gallery of graphs built with React and D3.js2023 · react-graph-gallery.com · ▲297

    Many JS libraries exist to build graphs on the web (Vega, chartJS, Plotly...). They allow to make charts quickly. But you lose flexibility: you're limited by the options they offer. I just created a gallery with hundreds of graphs made with d3.js and React. - Examples are split by graph types - They all come with explanation and code sandboxes - Gradual complexity to ease the learning curve It took me ages to create this project! Feedback welcome!

  • Spark, An advanced 3D Gaussian Splatting renderer for Three.js2025 · sparkjs.dev · ▲377

    I'm the co-creator and maintainer of https://aframe.io/ and long time Web 3D graphics dev. Super excited about new techniques to author / render / represent 3D. Spark is a an open source library to easily integrate Gaussian splats in your THREE.js scene I worked with some friends and I hope you find useful. Looking forward to hearing what features / rendering techniques you would love to see next.

  • TL
  • Funnel Visualization in HTML/CSS/D3.js2013 · bl.ocks.org · ▲60

    GitHub Gist: instantly share code, notes, and snippets.

  • SparklinerJS2017 · github.com · ▲6

    Easy way to make a sparkline graph in web

More life & fun this month

the category →

Source: Show HN post ↗

Launched alongside, January 2016

the whole month →
  • Siftery▲1,018

    Share products you use at work,explore what others are using

    Work · 2016 · siftery.com

  • Grade your website's strengths and weaknesses in seconds.

    Growth · 2016 · website.grader.com

  • Truebill▲766

    Find your paid subscriptions and cancel with one click

    Commerce · 2016 · rocketmoney.com

  • Oristand▲749

    A super affordable, portable standing desk

    Work · 2016 · oristand.co

  • Rapportive on steroids. See data about contacts in Gmail.

    Growth · 2016 · clearbit.com

  • Create a viral waiting list in 60 seconds

    Growth · 2016 · app.referralhero.com