Embedding D3 in an IPython Notebook (opens in new tab)

(christianmoscardi.com)

72 pointsc_moscardi10y ago20 comments

20 comments

spot10y ago

Beaker Notebook has much cleaner support for integrating d3 (or any JS lib) with Python or other languages: http://sharing.beakernotebook.com/gist/anonymous/e21582541d7...

learn more at http://BeakerNotebook.com/

c_moscardiOP10y ago

Very cool. I think this is, ultimately, what Jupyter hopes to move towards.

Literally their first example is embedding D3...

http://sharing.beakernotebook.com/gist/anonymous/e21582541d7...

tolmasky10y ago

In case anyone's curious, this is what it looks like using just javascript: https://tonicdev.com/tonic/d3-example-from-beaker (a JS port of http://sharing.beakernotebook.com/gist/anonymous/e21582541d7... ).

JPKab10y ago

I'm happy that I found this and pissed that I didn't find it earlier.

Looking forward to testing it. The fact that it works with Clojure is bad ass by itself.

tdaltonc10y ago

I wonder if using JSON as a data bridge works well in practice. If it does, I imagine that a polyglot jupyter notebook type must be on the horizon.

jchendy10y ago

Part of the reason we built Beaker was that the IPython devs explicitly stated they didn't believe in multiple languages within one notebook. It's possible that this opinion has changed with the Jupyter migration, but I haven't heard anything to that effect.

1 more reply

techdragon10y ago

How have I not heard of this before.

teamonkey10y ago

The Jupyter web page is a fine example of reverse information distribution. I went from" I think I know what this is" to "I have no idea what this is" within seconds of the page loading.

Zombieball10y ago

Glad I am not the only one! I am not familiar with Jupyter so clicked through to their webpage and was quickly lost.

mhuffman10y ago

Same here! all of the buzz around iPython, and there is no succinct explanation of wtf it is or why I would want it. Jupyter seems to be a more generalize version of iPython with pluggable engines, but again, what does that mean?

So far, I am coming to the conclusion that iPython is a tool for data scientists, but I am not really sure.

1 more reply

cstuder10y ago

The project is currently (this month) moving from it's previous incantation called 'IPython'* to 'Jupyter'. The website apparently hasn't catched up yet.

This is the description you're looking for: http://ipython.org/notebook.html

* = http://ipython.org/

rasmi10y ago

FYI, the latest Jupyter + matplotlib have interactive plotting inline with "%matplotlib notebook". The server must be running for this to work (so you can't interact with static ipynb files in nbviewer, for example), but a static version of the plot is generated for static notebooks. There are also some changes coming down the line to expose the traits of matplotlib plots so that libraries like mpld3 can be integrated more seamlessly.

(Also, Hi Christian!)

c_moscardiOP10y ago

RASMI!!!

Yeah, most of our curriculum uses regular old matplotlib. We only use this technique specifically in our D3 curriculum. In general I can't think of many use cases where this is actually better than just having a couple of files, aside from instructional ones.

mng210y ago

Yeah, I've been using Jupyter with inline plotting and it's really quite nice. A notebook that's not tied to proprietary software (i.e. Mathematica) and which can run a full-fledged programming language is a marvelous tool.

nl10y ago

Interestingly, Zeppelin (a competitor to IPython/Jupyter mostly aimed at use with Spark) uses D3 for most of its visualizations.

IMHO Jupyter is actually easier to get working (even with Spark support) though.

[1] https://zeppelin.incubator.apache.org/

NelsonMinar10y ago

IPython feels like an important new way to do computing, particularly for exploring and teaching. I love the idea of bringing more powerful HTML tools into it.

fokz10y ago

I was wondering if your page menu accept input, and it really does. So cool!

c_moscardiOP10y ago

Thanks! I'm still working out mobile-friendliness, but yeah, I'm really happy with how the site turned out generally.

j / k navigate · click thread line to collapse

20 comments

spot10y ago

Beaker Notebook has much cleaner support for integrating d3 (or any JS lib) with Python or other languages: http://sharing.beakernotebook.com/gist/anonymous/e21582541d7...

learn more at http://BeakerNotebook.com/

c_moscardiOP10y ago

Very cool. I think this is, ultimately, what Jupyter hopes to move towards.

Literally their first example is embedding D3...

http://sharing.beakernotebook.com/gist/anonymous/e21582541d7...

tolmasky10y ago

JPKab10y ago

I'm happy that I found this and pissed that I didn't find it earlier.

Looking forward to testing it. The fact that it works with Clojure is bad ass by itself.

tdaltonc10y ago

I wonder if using JSON as a data bridge works well in practice. If it does, I imagine that a polyglot jupyter notebook type must be on the horizon.

jchendy10y ago

1 more reply

techdragon10y ago

How have I not heard of this before.

teamonkey10y ago

The Jupyter web page is a fine example of reverse information distribution. I went from" I think I know what this is" to "I have no idea what this is" within seconds of the page loading.

Zombieball10y ago

Glad I am not the only one! I am not familiar with Jupyter so clicked through to their webpage and was quickly lost.

mhuffman10y ago

So far, I am coming to the conclusion that iPython is a tool for data scientists, but I am not really sure.

1 more reply

cstuder10y ago

The project is currently (this month) moving from it's previous incantation called 'IPython'* to 'Jupyter'. The website apparently hasn't catched up yet.

This is the description you're looking for: http://ipython.org/notebook.html

* = http://ipython.org/

rasmi10y ago

(Also, Hi Christian!)

c_moscardiOP10y ago

RASMI!!!

mng210y ago

nl10y ago

Interestingly, Zeppelin (a competitor to IPython/Jupyter mostly aimed at use with Spark) uses D3 for most of its visualizations.

IMHO Jupyter is actually easier to get working (even with Spark support) though.

[1] https://zeppelin.incubator.apache.org/

NelsonMinar10y ago

IPython feels like an important new way to do computing, particularly for exploring and teaching. I love the idea of bringing more powerful HTML tools into it.

fokz10y ago

I was wondering if your page menu accept input, and it really does. So cool!

c_moscardiOP10y ago

Thanks! I'm still working out mobile-friendliness, but yeah, I'm really happy with how the site turned out generally.

j / k navigate · click thread line to collapse