gatsby-netlify-github-rest

Use Netlify Functions and the GitHub REST API to add Data Visualization to your Gatsby blog

Server Data

Data requested using GraphQL from sourceNodes created in gatsby-node at build time

Last Updated: Jan 6, 2021 - @4:30 PM

@PaulieScanlon

Language Data

JavaScript

62.86%

TypeScript

28.57%

HTML

5.71%

CSS

2.86%

[
  {
    "language": "JavaScript",
    "count": 22,
    "percent": 62.857142857142854,
    "remainder": 37.142857142857146,
    "circumference": 100
  },
  {
    "language": "TypeScript",
    "count": 10,
    "percent": 28.57142857142857,
    "remainder": 71.42857142857143,
    "circumference": 100
  },
  {
    "language": "HTML",
    "count": 2,
    "percent": 5.714285714285714,
    "remainder": 94.28571428571429,
    "circumference": 100
  },
  {
    "language": "CSS",
    "count": 1,
    "percent": 2.857142857142857,
    "remainder": 97.14285714285714,
    "circumference": 100
  }
]

Client Data

Data requested using fetch from a Netlify Serverless Function in React.useEffect at run time

Last Updated: Jan 6, 2021 - @4:30 PM