Skip to content

🔬 Exploring the ways of creating data visualization using D3.js for React.js application

License

Notifications You must be signed in to change notification settings

maryzam/react-d3js-experiments

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

27 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React.js + D3.js Experiments

Exploring the ways of creating data visualization using D3.js for React.js application.

This repo contains source code of a simple Text analyzer.

The Analyzer aggregates information about provided text and displays it as colorful dashboard.

The Dashboard includes 4 core parts:

  • Overview

(no D3, just a simple React.Component)

  • Text structure (words per sentences)

(React for structure & rendering elements (enter/exit), D3 for calculations & attribute manipulations (update))

  • Top words

(React for structure, D3 for calculation & rendering)

  • Letters Statistic

(D3 for calculation & rendering to a fake DOM (thanks "react-faux-dom"), React for real rendering)

Live DEMO

About

🔬 Exploring the ways of creating data visualization using D3.js for React.js application

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published