nowfound

Dev tools · May 13, 2013

Funnel Visualization in HTML/CSS/D3.js

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

Funnel Visualization in HTML/CSS/D3.js launched on May 13, 2013 with 60 votes, #45 of 587 launches that month and more than 90% of that year's launches. The site was not reachable when checked in September 2026.

Visit bl.ocks.org ↗Alternativestop 8% of May 2013

In plain words

Funnel Visualization in HTML/CSS/D3.js is a dev tool that enables developers to create and share funnel chart visualizations using HTML, CSS, and the D3.js library. Available as a GitHub Gist, it allows users to instantly share code snippets and interactive examples. The tool is designed for developers who need to visualize data flow and conversion rates in a funnel format, making it useful for analytics and reporting scenarios.

written from the facts on this page · September 2026

Does a similar job

all alternatives →
  • IA
    Instrumenting and visualizing JavaScript with d3.js2012 · latentflip.github.com · ▲105
  • GR
    GitHub Repo Visualizer Using D32024 · see-my-repo.netlify.app · ▲76

    I built this as part of my quest to properly learn data visualization. The code is the easy part! Some lessons learned: - personal verification of the the general truth that pie charts are tough! and the returns are not great for the effort due to people's difficulties perceiving angles - may not use "vanilla" d3 with no React. was difficult to adapt for mobile - the GitHub API provides fairly standardized responses so building dynamic charts wasn't too bad. But when working with streaming data (say Kafka) I can see this getting interesting... schema registry should help but creating a view…

  • 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!

  • TL
    Tableau-Like Data Visualizations in JavaScript2018 · charts.com · ▲361
  • 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 ...

  • WT
    Word Tree in D3.js2013 · jasondavies.com · ▲158

More dev tools this month

the category →
  • /dev/null▲468

    a social network for devs

    Dev tools · 2d ago · dev-null.sh

  • Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

    open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

    Dev tools · 27d ago · github.com

  • Reladraw – A diagram language where you decide where to place things▲411

    Contribute to reladraw/reladraw development by creating an account on GitHub.

    Dev tools · 25d ago · github.com

  • OpenBot▲362

    Grok Bot alternative: free, local, open-source, multiplayer

    Dev tools · 22d ago · openbot.run

  • Talanoa▲340

    Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

    Dev tools · 20d ago · talanoa.email

  • CoreSpeed▲332

    One MCP for everything your agents need: apps, memory, tools

    Dev tools · 27d ago · corespeed.io

Source: Show HN post ↗

Launched alongside, May 2013

the whole month →