Support Questions
Find answers, ask questions, and share your expertise
Announcements
Alert: Welcome to the Unified Cloudera Community. Former HCC members be sure to read and learn how to activate your account here.

How to create custom visualization using zeppelin

Solved Go to solution

How to create custom visualization using zeppelin

Expert Contributor

How can i create visualization like

http://www.nytimes.com/interactive/2016/08/08/sports/olympics/history-olympic-dominance-charts.html using zeppelin. Is there any visualization library which can be used

It is showing multiple type of information

  • How many medals are won by a particular country in olympics across different year
  • When i hover over a country it shows me count of medals(Gold,Silver,Bronze) for the particular country
1 ACCEPTED SOLUTION

Accepted Solutions

Re: How to create custom visualization using zeppelin

New Contributor

Highcharts is an excellent visualisation library. The area-stacked could be used to implement similar effect.

With https://github.com/knockdata/spark-highcharts, it is pretty to easy to use highcharts in zeppelin.

4 REPLIES 4

Re: How to create custom visualization using zeppelin

New Contributor

Highcharts is an excellent visualisation library. The area-stacked could be used to implement similar effect.

With https://github.com/knockdata/spark-highcharts, it is pretty to easy to use highcharts in zeppelin.

Re: How to create custom visualization using zeppelin

Expert Contributor

Thanks I will try it

Re: How to create custom visualization using zeppelin

Contributor

@Rockie Yang

I followed the instructions mentioned in:

https://github.com/knockdata/spark-highcharts/blob/master/docs/UseInZeppelin.md

I get the below exception in Zeppelin log file:

INFO [2017-04-06 14:20:13,957] ({qtp1577213552-14} AuthorizingRealm.java[getAuthorizationCacheLazy]:248) - No cache or cacheManager properties have been set. Authorization cache cannot be obtained. INFO [2017-04-06 14:20:14,354] ({qtp1577213552-14} InterpreterRestApi.java[updateSetting]:126) - Update interpreterSetting 2C8335TJY ERROR [2017-04-06 14:20:14,385] ({qtp1577213552-14} InterpreterRestApi.java[updateSetting]:136) - Exception in InterpreterRestApi while updateSetting org.apache.zeppelin.interpreter.InterpreterException: org.apache.thrift.transport.TTransportException at org.apache.zeppelin.interpreter.remote.RemoteInterpreter.cancel(RemoteInterpreter.java:329) at org.apache.zeppelin.interpreter.LazyOpenInterpreter.cancel(LazyOpenInterpreter.java:100) at org.apache.zeppelin.notebook.Paragraph.jobAbort(Paragraph.java:332) at org.apache.zeppelin.scheduler.Job.abort(Job.java:239) at org.apache.zeppelin.interpreter.InterpreterFactory.stopJobAllInterpreter(InterpreterFactory.java:829) at org.apache.zeppelin.interpreter.InterpreterFactory.setPropertyAndRestart(InterpreterFactory.java:790) at org.apache.zeppelin.rest.InterpreterRestApi.updateSetting(InterpreterRestApi.java:131) at

.........................

Any suggestions to resolve this ?

Thanks,

Ekantheshwara

Re: How to create custom visualization using zeppelin

New Contributor
  1. Create a npm package. Create a package.json inyour new Visualization directory. ...
  2. Create your own visualization. To create your own visualization, you need to create a js file and import Visualization class from zeppelin-vis package and extend the class. ...
  3. Create Helium package file. ...
  4. Run in dev mode.
  5. visit ghdsports for more information.