5 ms·

Embedding D3 in an IPython Notebook

72 points by c_moscardi 11y ago

fokz 11y ago
I was wondering if your page menu accept input, and it really does. So cool!
- c_moscardi 11y ago
  Thanks! I'm still working out mobile-friendliness, but yeah, I'm really happy with how the site turned out generally.
teamonkey 11y 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.
- Zombieball 11y ago
  Glad I am not the only one! I am not familiar with Jupyter so clicked through to their webpage and was quickly lost.
  - mhuffman 11y 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.
    - c_moscardi 11y ago
      IPython itself is a REPL with many, many convenience and magic functions, auto-completion, etc... If you write any amount of python, it's hugely useful! Then, there are IPython Notebooks, which give you the HTML, cell-based frontend for executing code. Jupyter is the v2/generalization for both of these things - there is the Jupyter shell, which is a plugin-friendly REPL, and Jupyter notebooks, which allow you to run code across a variety of langauges. AFAIK so far, you can only run one language per Jupyter notebook (though having dug around the source code, the possibility for multiple languages on a per-cell basis is very much there). I still find myself using IPython and Jupyter interchangably, which probably doesn't help the confusion. In terms of who uses this stuff: IPython notebooks are very popular across academia and for lectures/talks. Check out all the cool learning material here: https://github.com/ipython/ipython/wiki/A-gallery-of-interesting-IPython-Notebooks https://github.com/ipython/ipython/wiki/A-gallery-of-interes...
- cstuder 11y 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/notebook.html * = http://ipython.org/ http://ipython.org/
nl 11y 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/ https://zeppelin.incubator.apache.org/
spot 11y 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/e21582541d7c1fe60eb4 http://sharing.beakernotebook.com/gist/anonymous/e21582541d7... learn more at http://BeakerNotebook.com/ http://BeakerNotebook.com/
- techdragon 11y ago
  How have I not heard of this before.
- c_moscardi 11y 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/e21582541d7c1fe60eb4 http://sharing.beakernotebook.com/gist/anonymous/e21582541d7...
- JPKab 11y 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.
- tdaltonc 11y 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.
  - jchendy 11y 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.
    - tdaltonc 11y ago
      Why did they object to multiple languages within a notebook? What problem did they think it would create?
NelsonMinar 11y 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.
rasmi 11y 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!)
- mng2 11y 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.
- c_moscardi 11y 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.

72 points by c_moscardi 11y ago

fokz 11y ago

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

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

teamonkey 11y 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.

Zombieball 11y ago
Glad I am not the only one! I am not familiar with Jupyter so clicked through to their webpage and was quickly lost.
- mhuffman 11y 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.
  - c_moscardi 11y ago
    IPython itself is a REPL with many, many convenience and magic functions, auto-completion, etc... If you write any amount of python, it's hugely useful! Then, there are IPython Notebooks, which give you the HTML, cell-based frontend for executing code. Jupyter is the v2/generalization for both of these things - there is the Jupyter shell, which is a plugin-friendly REPL, and Jupyter notebooks, which allow you to run code across a variety of langauges. AFAIK so far, you can only run one language per Jupyter notebook (though having dug around the source code, the possibility for multiple languages on a per-cell basis is very much there). I still find myself using IPython and Jupyter interchangably, which probably doesn't help the confusion. In terms of who uses this stuff: IPython notebooks are very popular across academia and for lectures/talks. Check out all the cool learning material here: https://github.com/ipython/ipython/wiki/A-gallery-of-interesting-IPython-Notebooks https://github.com/ipython/ipython/wiki/A-gallery-of-interes...
cstuder 11y 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/notebook.html * = http://ipython.org/ http://ipython.org/

nl 11y 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/ https://zeppelin.incubator.apache.org/

spot 11y 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/e21582541d7c1fe60eb4 http://sharing.beakernotebook.com/gist/anonymous/e21582541d7... learn more at http://BeakerNotebook.com/ http://BeakerNotebook.com/

techdragon 11y ago
How have I not heard of this before.
c_moscardi 11y 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/e21582541d7c1fe60eb4 http://sharing.beakernotebook.com/gist/anonymous/e21582541d7...
JPKab 11y 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.
tdaltonc 11y 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.
- jchendy 11y 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.
  - tdaltonc 11y ago
    Why did they object to multiple languages within a notebook? What problem did they think it would create?

NelsonMinar 11y 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.

rasmi 11y 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!)

mng2 11y 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.
c_moscardi 11y 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.