Ivis
IVIS is a chart editor for interactive visualisation, based on jQuery and HighCharts. Chart types include dot/scatter, 2D scatter, line, bar/column, pie, and heat map. It's powerful when analysing large data sets.
Install / Use
/learn @zglu/IvisREADME
About
IVIS is an open-source chart editor for interactive visualisation. It uses jQuery and HighCharts as the backbone. It works purely on the client side, and all data will be processed locally only. Webpages for IVIS were generated with Hugo.
Available chart types
- <strong>Dot / Scatter</strong> plot: X as names and Y holding one or more values
- <strong>2D Scatter (XY Plot)</strong> using X-Y paird values, such as volcano plot, MA plot, 2D PCA, correlation chart, standard curve and so on
- <strong>3D Scatter</strong> plot XYZ data
- <strong>Bar / Column</strong> chart: can use grouped data
- <strong>Line</strong> chart: multiple series can be plotted
- <strong>Pie</strong> chart: in 2D or 3D
- <strong>Heatmap</strong> fast overview of many data points
Interactive visualisation
- There are <strong>tooltips</strong> showing X, Y and/or series name whenever you move your mouse over the data
- You can <strong>zoom</strong> in at any area to see details, the X/Y scales will change accordingly
- Each data point can be <strong>linked</strong> to any external information page, which saves you much manual query effort
- You can <strong>hide / show</strong> certain series
- You can <strong>print</strong> or <strong>download</strong> the chart in various formats, including PDF, PNG, JPEG and SVG at publication resolution
- The chart is <strong>responsive</strong>, you can even make your chart on your mobile phone or tablet
- You can <strong>configure</strong> the editor to fit your own needs (requires knowledge in JavaScript and HTML/CSS)
Input data
IVIS directly takes user data from the input box. Data can be comma-, tab-, or space-separated values. There is a function to swape the rows and columns when necessary.
Examples
Exemplary charts and sample data input are availabe for users to start with.
<center><figure> <img src="https://raw.githubusercontent.com/zglu/ivis/master/static/images/ivisGallery.jpg" width="95%" /> </figure></center>Run IVIS locally
One way to run IVIS locally is to save the webpage to a local machine and open with your web browser.
Another way is to clone or download this repo, and run with Hugo server:
## install Hugo
brew install hugo
## run Hugo in this directory
hugo server
Export HTML code
Users can now export the html code of their chart and integrate it into HTML slides. Many HTML frameworks can be used, including reveal.js, remark.js, deck.js, webslides, etc. An easy-to-use integration tool is IPRES.
Credits
ToDos
- conditional color for scatters
- pie chart drilldown
License
IVIS is released under the CC-BY-NC 4.0 license and MIT License.
