Your GitHub year in review - 10 fun ways to visualize your contributions

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • open-source-wrapped

    Don't we just love Spotify Wrapped? Well, here's the same concept applied to Open Source on Github :3

  • Open Source Wrapped is like Spotify Wrapped, but for your open source contributions. You can download and share the images it generates, or set them as your phone's background if you're vain like me 😄

  • github-unwrapped-2022

    Your coding year in review #GitHubUnwrapped

  • Demo · Source · Create your own

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • wrapped

    Discontinued GitHub Wrapped, inspired by Spotify Wrapped (by neat-run)

  • Source · Create your own

  • three.js

    JavaScript 3D Library.

  • You shouldn't build a city on rock and roll. Nor should you build one from your GitHub contributions. That said, @honzaap has managed to create a fantastic visualization using three.js.

  • GithubCity

    Create a 3D city from your GitHub contributions 🏙

  • Demo · Create your own

  • github-contributions-chart

    :octocat: Generate an image of all your Github contributions

  • Source · Create your own

  • Next.js

    The React Framework

  • Made with Next.js, Tailwind, and the Mona Sans font, GitHub Wrap will generate a portrait-style image that would look great as your phone's background, or that empty photo frame you've been meaning to put something in.

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

  • Made with Next.js, Tailwind, and the Mona Sans font, GitHub Wrap will generate a portrait-style image that would look great as your phone's background, or that empty photo frame you've been meaning to put something in.

  • mona-sans

    Mona Sans, a variable font from GitHub

  • Made with Next.js, Tailwind, and the Mona Sans font, GitHub Wrap will generate a portrait-style image that would look great as your phone's background, or that empty photo frame you've been meaning to put something in.

  • isometric-contributions

    Browser extension for rendering an isometric pixel art version of your GitHub contribution graph.

  • Did you know: There's a browser extension that provides an isometric view of contribution graphs on user profiles.

  • chartscii

    📊 create beautiful ascii charts

  • You could create An ASCII art chart with chartscii to show your activity for the previous week:

  • asciichart

    Nice-looking lightweight console ASCII line charts ╭┈╯ for NodeJS, browsers and terminal, no dependencies

  • Or create an amazing ASCII line graph showing your rollercoaster of activity over your last couple of sprints using asciichart (available for C, C#, C++, Elixir, Java, JavaScript, Go, Haskell, Perl, Python, PHP, Rust, and well... you get the picture).

  • plot

    plot on the command line (by annacrombie)

  • Or create an amazing ASCII line graph showing your rollercoaster of activity over your last couple of sprints using asciichart (available for C, C#, C++, Elixir, Java, JavaScript, Go, Haskell, Perl, Python, PHP, Rust, and well... you get the picture).

  • asciichart

    Nice-looking lightweight console ASCII line charts, using C++, no dependencies. (by Civitasv)

  • Or create an amazing ASCII line graph showing your rollercoaster of activity over your last couple of sprints using asciichart (available for C, C#, C++, Elixir, Java, JavaScript, Go, Haskell, Perl, Python, PHP, Rust, and well... you get the picture).

  • asciichart

    ASCII terminal line charts with no dependencies (by sndnv)

  • Or create an amazing ASCII line graph showing your rollercoaster of activity over your last couple of sprints using asciichart (available for C, C#, C++, Elixir, Java, JavaScript, Go, Haskell, Perl, Python, PHP, Rust, and well... you get the picture).

  • ASCII-Data

    A small Java library for producing nice looking text-based line-graphs and tables.

  • Or create an amazing ASCII line graph showing your rollercoaster of activity over your last couple of sprints using asciichart (available for C, C#, C++, Elixir, Java, JavaScript, Go, Haskell, Perl, Python, PHP, Rust, and well... you get the picture).

  • asciigraph

    Go package to make lightweight ASCII line graph ╭┈╯ in command line apps with no other dependencies.

  • Or create an amazing ASCII line graph showing your rollercoaster of activity over your last couple of sprints using asciichart (available for C, C#, C++, Elixir, Java, JavaScript, Go, Haskell, Perl, Python, PHP, Rust, and well... you get the picture).

  • asciichart

    ASCII line charts in terminal ╭┈╯ Haskell port of kroitor/asciichart (by madnight)

  • Or create an amazing ASCII line graph showing your rollercoaster of activity over your last couple of sprints using asciichart (available for C, C#, C++, Elixir, Java, JavaScript, Go, Haskell, Perl, Python, PHP, Rust, and well... you get the picture).

  • app-asciichart

    Discontinued Perl port of asciichart

  • Or create an amazing ASCII line graph showing your rollercoaster of activity over your last couple of sprints using asciichart (available for C, C#, C++, Elixir, Java, JavaScript, Go, Haskell, Perl, Python, PHP, Rust, and well... you get the picture).

  • PHP-colored-ascii-linechart

    Nice looking versatile ASCII linegraph written in PHP

  • Or create an amazing ASCII line graph showing your rollercoaster of activity over your last couple of sprints using asciichart (available for C, C#, C++, Elixir, Java, JavaScript, Go, Haskell, Perl, Python, PHP, Rust, and well... you get the picture).

  • rasciigraph

    Zero dependency Rust crate to make lightweight ASCII line graph ╭┈╯ in command line apps with no other dependencies.

  • Or create an amazing ASCII line graph showing your rollercoaster of activity over your last couple of sprints using asciichart (available for C, C#, C++, Elixir, Java, JavaScript, Go, Haskell, Perl, Python, PHP, Rust, and well... you get the picture).

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts