https://github.com/hmelberg/motionchart

Easily create an interactive motion chart from a Pandas dataframe in Python. Publish the chart as a standalone webpage, show it in Jupyter notebook or save it as a file
https://github.com/hmelberg/motionchart

jupyter-notebook motion-chart pandas-dataframe python

Last synced: 3 months ago
JSON representation

Easily create an interactive motion chart from a Pandas dataframe in Python. Publish the chart as a standalone webpage, show it in Jupyter notebook or save it as a file

• Host: GitHub
• URL: https://github.com/hmelberg/motionchart
• Owner: hmelberg
• License: other
• Created: 2015-09-10T21:18:03.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2016-06-22T01:29:07.000Z (over 8 years ago)
• Last Synced: 2024-09-18T12:48:42.177Z (5 months ago)
• Topics: jupyter-notebook, motion-chart, pandas-dataframe, python
• Language: JavaScript
• Homepage:
• Size: 17.3 MB
• Stars: 19
• Watchers: 2
• Forks: 8
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
# Motion Chart







(Click on the picture to see the video)





Easily create an interactive motion chart from a Pandas Dataframe in Python. Publish the chart to a standalone webpage, show it in Jupyter notebook or save it as a html file





**1. Install**


pip install motionchart





**2. Import**


from motionchart.motionchart import MotionChart, MotionChartDemo





**3. Test**


MotionChartDemo()





**4. Define your own motion chart** using the columns in a pandas dataframe


Example: You have a dataframe called fruitdf and want to create a motionchart:





mChart = MotionChart(df = fruitdf)





**5. Display the Motion Chart**


mChart.to_browser()


or, if using Jupyter notebook


mChart.to_notebook()





see http://socr.ucla.edu/htmls/HTML5/MotionChart/ for a live example





See the file "motion chart notebook" (in the notebooks folder above) for more examples and detailed instructions





**This is an early version, use at your own risk, the API may change**

Note that the html file producing the (last) chart you show is saved in a file ("smc_temp.html" and in some cases "temp.html"). New files will overwrite old files.





See https://github.com/RamyElkest/SocrMotionChartsHTML5 for more information about the javascript that builds the chart


See also https://github.com/psychemedia/dataviz4development/tree/master/SocrMotionCharts