You are viewing a plain text version of this content. The canonical link for it is here.
Posted to users@zeppelin.apache.org by Aaron Li <aa...@glowing.com> on 2015/10/10 05:52:50 UTC

what visualization package does zeppelin used? great thanks

hi, thanks a lot for building such an awesome project, I am very
interesting in the flexible visualization  in zeppelin, I also know a
little about d3.js, highcharts.js but zeppelin's visualization seems much
better and powerful, could any one tell the what the package used in
zeppelin to build its visualization? thanks a lot



great thanks again

Re: what visualization package does zeppelin used? great thanks

Posted by Aaron Li <aa...@glowing.com>.
got it, thanks a lot. I see gethue <http://gethue.com/> and yhat
<https://www.yhathq.com/> have some similar visualization solution [ *the
setting box *] like what zeppelin does, so I was wondering maybe there is
some common libs used by you guys.

great thanks again

*---*
 | *Aaron Li *| Backend Developer | *aaron@glowing.com <aa...@glowing.com> *|
+86-182-0217-1279

Download Glow from the App Store
<https://itunes.apple.com/us/app/glow-period-fertility-ovulation/id638021335?mt=8>
,  Google Play
<https://play.google.com/store/apps/details?id=com.glow.android>, or the Amazon
App Store <http://www.amazon.com/gp/mas/dl/android?p=com.glow.android>
Download Glow Nurture from the App Store
<https://itunes.apple.com/us/app/glow-nurture-pregnancy-health/id882398397?mt=8>
 or
<https://play.google.com/store/apps/details?id=com.glow.android.nurture>Google
Play
<https://play.google.com/store/apps/details?id=com.glow.android.nurture>

On Sun, Oct 18, 2015 at 9:29 PM, Corneau Damien <co...@gmail.com>
wrote:

> Hi,
> The chart type selection buttons is not related to nvd3, its just an easy
> way for us to switch visualization.
>
> The settings box does not rerun the query. However Query parameters does
> rerun.
>
> The keys, group, values change the data structure that is sent to a graph.
> While its not documented and might be a bit hard to understand with the
> code only, you can just add a console.log in the code in developer mode to
> see how it changes.
> On Oct 18, 2015 9:49 AM, "ÐΞ€ρ@Ҝ (๏̯͡๏)" <de...@gmail.com> wrote:
>
>> nvd3 library that is built on d3.
>>
>> http://nvd3.org/ & http://d3js.org/
>>
>> At nvd3
>> ========
>> This project is an attempt to build re-usable charts and chart components
>> for d3.js <http://d3js.org/> without taking away the power that d3.js
>> <http://d3js.org/>gives you. This is a very young collection of
>> components, with the goal of keeping these components very customizeable,
>> staying away from your standard cookie cutter solutions.-
>> ========
>>
>>
>>
>>
>> On Sat, Oct 17, 2015 at 9:04 AM, Aaron Li <aa...@glowing.com> wrote:
>>
>>> great thanks, Anthony, I took something on nvd3 these days, and I still
>>> have one question.
>>>
>>> my question is about the screenshot bellow, or can take a look at this
>>> link:
>>>
>>>
>>> https://drive.google.com/a/glowing.com/file/d/0BxFvSIhJYqEncGJYa1JCVXdWRlU/view?usp=sharing
>>>
>>> I find that nvd3 is just a visualization lib, but I want to know is
>>> there also a lib used to build the utils for our visulization ?
>>>
>>> for example:
>>>
>>>
>>>    - the *chart type selection* button; [ I think may make this using
>>>    some api of nvd3 ]
>>>    - the *settings* box; [ I feel very interesting, if we change the*
>>>    "keys" , "groups", "values" *settings, will the server re-run our
>>>    sql and return the data to making the graph, if not, how to draw the graph
>>>    using different *"keys", "groups" and "values" *configure ]
>>>
>>>
>>> thanks a lot.
>>>
>>>
>>>
>>> ​
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>> On Sat, Oct 10, 2015 at 1:47 PM, Anthony Corbacho <
>>> anthonycorbacho@apache.org> wrote:
>>>
>>>> hi,
>>>>
>>>> the visualozation used in Zeppelin is nvd3.
>>>> On Oct 10, 2015 12:52 PM, "Aaron Li" <aa...@glowing.com> wrote:
>>>>
>>>>>
>>>>> hi, thanks a lot for building such an awesome project, I am very
>>>>> interesting in the flexible visualization  in zeppelin, I also know a
>>>>> little about d3.js, highcharts.js but zeppelin's visualization seems much
>>>>> better and powerful, could any one tell the what the package used in
>>>>> zeppelin to build its visualization? thanks a lot
>>>>>
>>>>>
>>>>>
>>>>> great thanks again
>>>>>
>>>>>
>>>
>>
>>
>> --
>> Deepak
>>
>>

Re: what visualization package does zeppelin used? great thanks

Posted by Aaron Li <aa...@glowing.com>.
oh, forget to say, that I am building a site project, which  will use nvd3
and something like  setting box and change chart type like what zeppelin
does.

here is my site project:
https://github.com/litaotao/IPython-Dashboard/tree/v-0.2-dashboard-server

thanks a lot

*---*
 | *Aaron Li *| Backend Developer | *aaron@glowing.com <aa...@glowing.com> *|
+86-182-0217-1279

Download Glow from the App Store
<https://itunes.apple.com/us/app/glow-period-fertility-ovulation/id638021335?mt=8>
,  Google Play
<https://play.google.com/store/apps/details?id=com.glow.android>, or the Amazon
App Store <http://www.amazon.com/gp/mas/dl/android?p=com.glow.android>
Download Glow Nurture from the App Store
<https://itunes.apple.com/us/app/glow-nurture-pregnancy-health/id882398397?mt=8>
 or
<https://play.google.com/store/apps/details?id=com.glow.android.nurture>Google
Play
<https://play.google.com/store/apps/details?id=com.glow.android.nurture>

On Sun, Oct 18, 2015 at 9:29 PM, Corneau Damien <co...@gmail.com>
wrote:

> Hi,
> The chart type selection buttons is not related to nvd3, its just an easy
> way for us to switch visualization.
>
> The settings box does not rerun the query. However Query parameters does
> rerun.
>
> The keys, group, values change the data structure that is sent to a graph.
> While its not documented and might be a bit hard to understand with the
> code only, you can just add a console.log in the code in developer mode to
> see how it changes.
> On Oct 18, 2015 9:49 AM, "ÐΞ€ρ@Ҝ (๏̯͡๏)" <de...@gmail.com> wrote:
>
>> nvd3 library that is built on d3.
>>
>> http://nvd3.org/ & http://d3js.org/
>>
>> At nvd3
>> ========
>> This project is an attempt to build re-usable charts and chart components
>> for d3.js <http://d3js.org/> without taking away the power that d3.js
>> <http://d3js.org/>gives you. This is a very young collection of
>> components, with the goal of keeping these components very customizeable,
>> staying away from your standard cookie cutter solutions.-
>> ========
>>
>>
>>
>>
>> On Sat, Oct 17, 2015 at 9:04 AM, Aaron Li <aa...@glowing.com> wrote:
>>
>>> great thanks, Anthony, I took something on nvd3 these days, and I still
>>> have one question.
>>>
>>> my question is about the screenshot bellow, or can take a look at this
>>> link:
>>>
>>>
>>> https://drive.google.com/a/glowing.com/file/d/0BxFvSIhJYqEncGJYa1JCVXdWRlU/view?usp=sharing
>>>
>>> I find that nvd3 is just a visualization lib, but I want to know is
>>> there also a lib used to build the utils for our visulization ?
>>>
>>> for example:
>>>
>>>
>>>    - the *chart type selection* button; [ I think may make this using
>>>    some api of nvd3 ]
>>>    - the *settings* box; [ I feel very interesting, if we change the*
>>>    "keys" , "groups", "values" *settings, will the server re-run our
>>>    sql and return the data to making the graph, if not, how to draw the graph
>>>    using different *"keys", "groups" and "values" *configure ]
>>>
>>>
>>> thanks a lot.
>>>
>>>
>>>
>>> ​
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>>
>>> On Sat, Oct 10, 2015 at 1:47 PM, Anthony Corbacho <
>>> anthonycorbacho@apache.org> wrote:
>>>
>>>> hi,
>>>>
>>>> the visualozation used in Zeppelin is nvd3.
>>>> On Oct 10, 2015 12:52 PM, "Aaron Li" <aa...@glowing.com> wrote:
>>>>
>>>>>
>>>>> hi, thanks a lot for building such an awesome project, I am very
>>>>> interesting in the flexible visualization  in zeppelin, I also know a
>>>>> little about d3.js, highcharts.js but zeppelin's visualization seems much
>>>>> better and powerful, could any one tell the what the package used in
>>>>> zeppelin to build its visualization? thanks a lot
>>>>>
>>>>>
>>>>>
>>>>> great thanks again
>>>>>
>>>>>
>>>
>>
>>
>> --
>> Deepak
>>
>>

Re: what visualization package does zeppelin used? great thanks

Posted by Corneau Damien <co...@gmail.com>.
Hi,
The chart type selection buttons is not related to nvd3, its just an easy
way for us to switch visualization.

The settings box does not rerun the query. However Query parameters does
rerun.

The keys, group, values change the data structure that is sent to a graph.
While its not documented and might be a bit hard to understand with the
code only, you can just add a console.log in the code in developer mode to
see how it changes.
On Oct 18, 2015 9:49 AM, "ÐΞ€ρ@Ҝ (๏̯͡๏)" <de...@gmail.com> wrote:

> nvd3 library that is built on d3.
>
> http://nvd3.org/ & http://d3js.org/
>
> At nvd3
> ========
> This project is an attempt to build re-usable charts and chart components
> for d3.js <http://d3js.org/> without taking away the power that d3.js
> <http://d3js.org/>gives you. This is a very young collection of
> components, with the goal of keeping these components very customizeable,
> staying away from your standard cookie cutter solutions.-
> ========
>
>
>
>
> On Sat, Oct 17, 2015 at 9:04 AM, Aaron Li <aa...@glowing.com> wrote:
>
>> great thanks, Anthony, I took something on nvd3 these days, and I still
>> have one question.
>>
>> my question is about the screenshot bellow, or can take a look at this
>> link:
>>
>>
>> https://drive.google.com/a/glowing.com/file/d/0BxFvSIhJYqEncGJYa1JCVXdWRlU/view?usp=sharing
>>
>> I find that nvd3 is just a visualization lib, but I want to know is there
>> also a lib used to build the utils for our visulization ?
>>
>> for example:
>>
>>
>>    - the *chart type selection* button; [ I think may make this using
>>    some api of nvd3 ]
>>    - the *settings* box; [ I feel very interesting, if we change the*
>>    "keys" , "groups", "values" *settings, will the server re-run our sql
>>    and return the data to making the graph, if not, how to draw the graph
>>    using different *"keys", "groups" and "values" *configure ]
>>
>>
>> thanks a lot.
>>
>>
>>
>> ​
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>> On Sat, Oct 10, 2015 at 1:47 PM, Anthony Corbacho <
>> anthonycorbacho@apache.org> wrote:
>>
>>> hi,
>>>
>>> the visualozation used in Zeppelin is nvd3.
>>> On Oct 10, 2015 12:52 PM, "Aaron Li" <aa...@glowing.com> wrote:
>>>
>>>>
>>>> hi, thanks a lot for building such an awesome project, I am very
>>>> interesting in the flexible visualization  in zeppelin, I also know a
>>>> little about d3.js, highcharts.js but zeppelin's visualization seems much
>>>> better and powerful, could any one tell the what the package used in
>>>> zeppelin to build its visualization? thanks a lot
>>>>
>>>>
>>>>
>>>> great thanks again
>>>>
>>>>
>>
>
>
> --
> Deepak
>
>

Re: what visualization package does zeppelin used? great thanks

Posted by .
nvd3 library that is built on d3.

http://nvd3.org/ & http://d3js.org/

At nvd3
========
This project is an attempt to build re-usable charts and chart components
for d3.js <http://d3js.org/> without taking away the power that d3.js
<http://d3js.org/>gives you. This is a very young collection of components,
with the goal of keeping these components very customizeable, staying away
from your standard cookie cutter solutions.-
========




On Sat, Oct 17, 2015 at 9:04 AM, Aaron Li <aa...@glowing.com> wrote:

> great thanks, Anthony, I took something on nvd3 these days, and I still
> have one question.
>
> my question is about the screenshot bellow, or can take a look at this
> link:
>
>
> https://drive.google.com/a/glowing.com/file/d/0BxFvSIhJYqEncGJYa1JCVXdWRlU/view?usp=sharing
>
> I find that nvd3 is just a visualization lib, but I want to know is there
> also a lib used to build the utils for our visulization ?
>
> for example:
>
>
>    - the *chart type selection* button; [ I think may make this using
>    some api of nvd3 ]
>    - the *settings* box; [ I feel very interesting, if we change the*
>    "keys" , "groups", "values" *settings, will the server re-run our sql
>    and return the data to making the graph, if not, how to draw the graph
>    using different *"keys", "groups" and "values" *configure ]
>
>
> thanks a lot.
>
>
>
> ​
>
>
>
>
>
>
>
>
>
>
>
> On Sat, Oct 10, 2015 at 1:47 PM, Anthony Corbacho <
> anthonycorbacho@apache.org> wrote:
>
>> hi,
>>
>> the visualozation used in Zeppelin is nvd3.
>> On Oct 10, 2015 12:52 PM, "Aaron Li" <aa...@glowing.com> wrote:
>>
>>>
>>> hi, thanks a lot for building such an awesome project, I am very
>>> interesting in the flexible visualization  in zeppelin, I also know a
>>> little about d3.js, highcharts.js but zeppelin's visualization seems much
>>> better and powerful, could any one tell the what the package used in
>>> zeppelin to build its visualization? thanks a lot
>>>
>>>
>>>
>>> great thanks again
>>>
>>>
>


-- 
Deepak

Re: what visualization package does zeppelin used? great thanks

Posted by Aaron Li <aa...@glowing.com>.
great thanks, Anthony, I took something on nvd3 these days, and I still
have one question.

my question is about the screenshot bellow, or can take a look at this
link:


https://drive.google.com/a/glowing.com/file/d/0BxFvSIhJYqEncGJYa1JCVXdWRlU/view?usp=sharing

I find that nvd3 is just a visualization lib, but I want to know is there
also a lib used to build the utils for our visulization ?

for example:


   - the *chart type selection* button; [ I think may make this using some
   api of nvd3 ]
   - the *settings* box; [ I feel very interesting, if we change the*
   "keys" , "groups", "values" *settings, will the server re-run our sql
   and return the data to making the graph, if not, how to draw the graph
   using different *"keys", "groups" and "values" *configure ]


thanks a lot.



​











On Sat, Oct 10, 2015 at 1:47 PM, Anthony Corbacho <
anthonycorbacho@apache.org> wrote:

> hi,
>
> the visualozation used in Zeppelin is nvd3.
> On Oct 10, 2015 12:52 PM, "Aaron Li" <aa...@glowing.com> wrote:
>
>>
>> hi, thanks a lot for building such an awesome project, I am very
>> interesting in the flexible visualization  in zeppelin, I also know a
>> little about d3.js, highcharts.js but zeppelin's visualization seems much
>> better and powerful, could any one tell the what the package used in
>> zeppelin to build its visualization? thanks a lot
>>
>>
>>
>> great thanks again
>>
>>

Re: what visualization package does zeppelin used? great thanks

Posted by Anthony Corbacho <an...@apache.org>.
hi,

the visualozation used in Zeppelin is nvd3.
On Oct 10, 2015 12:52 PM, "Aaron Li" <aa...@glowing.com> wrote:

>
> hi, thanks a lot for building such an awesome project, I am very
> interesting in the flexible visualization  in zeppelin, I also know a
> little about d3.js, highcharts.js but zeppelin's visualization seems much
> better and powerful, could any one tell the what the package used in
> zeppelin to build its visualization? thanks a lot
>
>
>
> great thanks again
>
>