Top 10+ React JS Graphs Examples

Top 10+ React JS Graphs Examples

1. Yosemite Weather Trends

Yosemite Weather Trends
Yosemite Weather Trends

Five-year weather trends in Yosemite, graphed with D3.

View Code View Demo

2. Gitchecker

Gitchecker
Gitchecker

GitChecker is an open source tool which aggregates statistics about Github projects.

View Code View Demo

3. Apparatus

Apparatus
Apparatus

A hybrid graphics editor and programming environment for creating interactive diagrams.

View Code View Demo

4. Panther

Panther
Panther

Discover artists through an infinite node graph.

View Code View Demo

5. f8app

f8app
f8app

Source code of the official F8 app of 2016, powered by React Native and other Facebook open source projects.

View Code View Demo

6. React Micro Bar Chart

React Micro Bar Chart
React Micro Bar Chart

React component for micro bar-charts rendered with D3. Companion to react-sparkline.

View Code View Demo

7. GitHunt

GitHunt
GitHunt

Reddit for github. Apollo GraphQL client. Backend uses Dataloader. Emojis are converted from text.

View Code View Demo

8. GraphQL Hub

GraphQL Hub
GraphQL Hub

GraphQL schemas for popular API’s: HackerNews and Reddit. Try them out with GraphiQL.

View Code View Demo

9. oscars2015

oscars2015
oscars2015

Graphs of Twitter trends for the 2015 Oscars. Themes are top / red carpet / actors / films / noteworthy. Uses react-router, material-ui, dygraphs. Social sharing to Facebook / Twitter.

View Code View Demo

10. Linked Highlighting React D3 Reflux

Linked Highlighting React D3 Reflux
Linked Highlighting React D3 Reflux

An example of doing linked highlighting using React, D3.js and Reflux. The project base was generated using Yeoman’s react-webpack generator.

View Code View Demo

Sam Deering is a web developer from England (currently living in Australia). In his spare time he enjoys coding, playing chess, reading and investing.

Leave a Reply

Your email address will not be published. Required fields are marked *