Move over, Hansel. Hand-drawn is so hot right now.

read more

Collin Dellow: If you love Graphviz but hate its 1990s aesthetics, you might find this tool handy. It’s great for documenting workflows and designs in a way that prompts people to consider it a work-in-progress that’s open for collaboration and discussion. Built with RoughJS and (or at least inspired by) viz.js.

read more

Excellent work coming from Microsoft’s VIDA research group This new version of SandDance has been rebuilt from scratch with the goal of being modular, extensible, and embeddable into your custom applications.

read more

I do love the hand-drawn style for charts like these. It almost feels like you worked harder on them for some reason.

read more

There are some fascinating results in this study put out by HackerRank where they surveyed 10,351 student developers. One example that shows a growing trend in developer ed: University students today seem to be showing less interest in Stack Overflow compared to professional developers. Instead, YouTube is starting to become more favorable as a learning tool for the next generation of developers. We found that 73% of students use YouTube, compared to only 64% of professional developers (where the majority of professional developers were aged 25-34, and the majority of student developers were aged 18-24). A little less surprising, but still good to know for those breaking in to the scene: There’s a big opportunity for student developers to learn JavaScript and JavaScript-focused frameworks. Employers need it more than any other skill. As the direction for web applications have moved from static to dynamic, JavaScript has become increasingly dominant in the industry. In fact, 95% of web applications are built on JavaScript—so it’s hard to ignore the disconnect. This is a really well done report. 👌

read more

Love it! Go here for more examples.

read more

Within this interactive map, vocal bursts are plotted along the 24 dimensions of emotion they can reliably convey. Each letter corresponds to a vocal burst. Fascinating little web demo!

read more

Renders a time histogram with a preview of the whole data below it, that can be used both to pan and zoom in on specific intervals as well as to see an overview of the distribution of the data (demo). Feature-rich and easy on the eyes. Read the intro post on Medium for the backstory and motivation behind this.

read more

A diagramming model which uses a set of typing characters to approximate the intended shape.

read more

The JS community has some great open-source projects that make data visualization easier, however, there has not been a go-to solution for building real-time backends that can back these charts and make them real-time. With GraphQL, we can get a real-time backend running within seconds and use it to power real-time charts.

read more

As of March 14, 2019, Google Image Charts API is no longer in service. That’s a shame, because it was a convenient way to easily generate a chart image from a URL. The good news is an open source replacement is ready for service!

read more

jumping from SQL Server to PostgreSQL is much more than changing a tool. PostgreSQL was built on Unix, with Unix in mind as the platform of choice, and typically runs best when it’s sitting on some type of Unix box. The Unix world has a pretty specific idiom for how to go about things and it certainly isn’t visual! Rob Conery with a deep dive into psql and what makes it awesome.

read more

The repositories of distributions such as Debian and Nixpkgs are among the largest collections of open source (and some unfree) software. They are complex systems that connect and organize many interdependent packages. Is it possible to capture the large scale features of such a repository in an image? Are there common design choices of the contributors? Did they lead to any emergent structure? This work resulted in some beautiful (and interesting) visualizations. Here’s a sneak peak 👇

read more

React Quantum parses through your React application to create a color-coded tree model of its component hierarchy. On hover, each tree node will display two key component performance metrics—render time and re-render frequency—as well as memoized state and props to indicate what, specifically, initiated the render.

read more

Generates a slick looking bar chart of command usage from your .bash_history to learn and share where you’ve been spending your key-presses on the command line.

read more

Venn diagrams are great for explaining set operations such as UNION, INTERSECT, and EXCEPT, but they aren’t so great at explaining JOINs: A JOIN is really a cartesian product (also cross product) with a filter. Turns out there’s a better way: JOIN diagrams, which I’ve never even heard of. Click through to read all about ’em. 🤓

read more

This “Data Color Picker” looks like a spectacular tool for any developer out there (like myself) who appreciates the value of a good color palette, but lacks the ability to put one together. You’re not alone! (This tool is for generating equidistant palettes for data visualizations, but it can most certainly be used generically.) Creating visually equidistant palettes is basically impossible to do by hand, yet hugely important for data visualizations. Why? When colors are not visually equidistant, it’s harder to (a) tell them apart in the chart, and (b) compare the chart to the key. I’m sure we’ve all looked at charts where you can hardly use the key since the data colors are so similar. You pick the “endpoint” colors and it generates all of the colors in-between. Very cool.

read more

Cool idea: take Google’s autocomplete suggestions, repeat the same query on them, take those suggestions, repeat the same query on them, and then draw a line between each suggestion. This could be useful for market research, to find alternative solutions, or simply for curiosity’s sake.

read more

graph-cli is designed to be highly configurable for easy and detailed graph generation. It has many flags to acquire this detail and uses reasonable defaults to avoid bothering the user. It also leverages chaining, so you can create complex graphs from multiple CSV files.

read more

F2 is born for mobile, developed for developers as well as designers. It is Html5 Canvas-based, and is also compatible with Node.js, Weex and React Native.

read more

This was announced in late March, but I missed it back then so maybe you did too. Our goal was to more easily enable anyone to explore the health of the web as a whole. Not just data-mining SQL gurus or statisticians, but everyone with a vested interest in the state of the web. An excellent goal, indeed. How did they do? Well, they added a bunch of awesome reports and consolidated traffic data between mobile and desktop devices. If you hadn’t bookmarked this site previously, now is the time.

read more

These are always fun. React, anyone?

read more

Nice visualization where the nodes are programming languages and the edges are compilers. Here’s an example showing JavaScript as the compile target 👇

read more

As we know, an “Ask HN: Who is Hiring?”(example) post will occur at hackernews every month. It is interesting to scan the post because it helps you to get a feeling about what is happening in tec related busness. Aim of this repo is to give you a feeling about how the tec job requirements/used tools/kind/… evolves. React and Blockchain jobs on the rise…

read more

I hope this service doesn’t promulgate the GitHub-profile-as-resumé meme, because it’s definitely cool and fun to let it crunch the numbers and visualize what you’ve been up to all these years. For example, it determined that my most productive days are Mondays. I didn’t know that!

read more