5

How are the simple but effective plots used in the Stack Overflow blog articles created?

Example article: https://stackoverflow.blog/2021/06/07/most-developers-believe-blockchain-technology-is-a-game-changer-3/.

Example plot:

enter image description here

I would guess a javascript library, but am uncertain.

1
  • 3
    Considering the graphs are actually raster images... why do you think it's JS library at all, and not simply hand-crafted from the actual data using an image manipulation application?
    – yivi
    Commented Jun 8, 2021 at 15:37

1 Answer 1

19

I work at Stack Overflow as a Senior Analyst and I have helped create many of the data visualizations you have seen recently on the blog!

In this most recent post, the charts were first created using ggplot2. ggplot2 is a very popular data visualization library in R. Why use R? Well at SO we have a long history of using R and RMarkdown to create and share our analyses internally. Because many analyses require some form of data cleaning R becomes preferable as we can keep the entire data extraction, data cleaning, and analytics in one environment. We also have created custom ggplot themes with our brand font and color palettes. This theme allows us to standardize how we present internally and externally. But we can go a step further as you saw in our most recent post.

Example plot exported from R with our branded theme and color

example plot from ggplot2 with stack overflows branded theme and color

Since R allows us to export images as an SVG we can then pass all files over to our brand design team where they can further customize the appearance. Currently, they use Figma which lets them change colors, change background add text, and so on. The end product is what you see on our Most developers believe blockchain technology is a game changer post.

Example plot with additional Stack Overflow branded elements

enter image description here

Hope this answered your questions and feel free to ask anything else!

2
  • 5
    Very nice, thorough answer! Thanks for sharing this information with the community! As a data analyst, I suppose you can share my disappointment that the design team saw fit to remove most of the axis labels in the spirit of beautification. :-)
    – Cody Gray Mod
    Commented Jun 8, 2021 at 21:59
  • 4
    Shhhh, don't tell anyone! But at least it looks cool haha
    – David Staff
    Commented Jun 9, 2021 at 17:20

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .