Real-time visualization with React and D3.js

• twitter-network-analysis

  1 39 0.0 JavaScript

  Analyzing a network of tweets and retweets using graph algorithms

  

The frontend service is a part of a web application that you can find in the GitHub repository. Besides that, the repository also holds a visualization that discovers the most Christmassy person on Twitter using the dynamic PageRank algorithm.

• create-react-app

  575 101,853 1.5 JavaScript

  Set up a modern web app by running one command.

  

The frontend folder was created using the create-react-app npm package. If you are starting from scratch and want to create a React app follow these steps:

• SurveyJS

  surveyjs.io sponsored

  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.

  

• react-lifecycle-methods-diagram

  6 3,832 8.2 TypeScript

  Interactive React Lifecycle Methods diagram.

Image by Wojciech Maj from React Lifecycle Methods diagram

• reddit-network-explorer

  2 44 2.8 Python

  A graph-powered Reddit explorer that can perform real-time graph visualizations and sentiment analysis.

  

There is still a lot left to learn regarding the React, D3.js and WebSocket, but creating this demo application gave me a pretty good insight into the real-time visualization. It was fun playing with it, and I'm looking forward to learning more in the future. Also, I would like to emphasize that Reddit network explorer application, developed by my colleagues Ivan, David and Antonio, helped me a lot. There, you can find real-time visualization with frontend in Angular. For any feedback or questions ping me or Memgraph team at our Discord server.

Suggest a related project