iodide-project / iodide-examples Goto Github PK

Your comparing algorithms example is great for visualizing individual sorting algorithms, but is problematic if it is used to compare algorithms.

Here is a nice site that does compare algorithms properly: https://www.toptal.com/developers/sorting-algorithms/

However, it does so by animating snapshots at particular points. This is hard to do with running javascript because the amount of code run between visualization updates is different.

My suggestion would be do not compare algorithms by having more than one at a time, but merely selecting one. Another possibility would be to rewrite the code in your pyodide Python using generators, so that each co-routine would be in sync.

@hamilton commented on Thu Dec 07 2017

This + some motivation would be a great demo port.

https://www.jasondavies.com/bml/

@hamilton commented on Wed Dec 13 2017

A tutorial notebook that demonstrates

• how to manipulate the DOM, in a vanilla way (changing a div's color)
• how to set up that container dom element for a d3 visualization
• how to do something cool with WebGL
• how to access your webcam and apply a filter

The point of this is to show what kind of web technologies are adjacent to a data analysis.

@djbarnwal had the great idea of reproducing and extending examples of data analyses from kaggle using Iodide. This will be really great way to introduce people to Iodide and to data science using JS, as well as giving you a change to practice your data science and visualization skills

If you want to create an example notebook from a kaggle dataset, please feel free to create a new issue and reference it back here (or you can just file a PR and we'll link back to this issue in the PR)

@hamilton commented on Thu Dec 07 2017

We need to have demo notebooks that mirror some of the rosetta stone type docs out there for other languages:

• javascript for R users
• javascript for NumPy users
• javascript for Matlab users
• javascript for Julia users

https://iodide.io/pyodide-demo/python.html not work..
browser : Yandex 18.10.1.872

At the moment we have not enforced any authorship standards (who created the notebook, who maintains it, etc.) on examples, mostly because we don't have a ton of notebooks and at this point we're very early on. These may be nice pieces to have in-place.

I would argue that we can make it really easy with an md cell at the bottom of the notebook that just says this:

__original author__: author name here
__contributors__: comma separated list of contributors to the notebook
__maintainer__: (optional) if different from original author
__submission date__: date here

I was trying to use the sandbox notebook but was unable to import packages like d3.js using the same import block as the eviction example. I think that the sandbox version might be an older version that was not able to do this or there is something going awry there.

We need a README.md that fully expresses how to add an example notebook to this repository.

(We'll add notebooks as PRs, is the bottom line)

@hamilton commented on Wed Dec 13 2017

We need a set of decent tutorial notebooks before this repository turns public. One thing that many closed-source computing platforms get right is the documentation, tutorials, and examples are almost always enough to jump in and hit the ground running. Max/MSP, in particular, does a great job of of keeping almost all the documentation in the form of patches, which is the main Max/MSP paradigm.

Her are a list of useful tutorials (add more as we talk about it):

• how to perform basic DOM manipulations. This should drive home that we are ON the DOM. Should start with a bit of motivation, and then end in a small d3 example, and / or a webgl example. (#200)

@mdboom, hve you encountered this-- in this example notebook:
https://iodide-project.github.io/iodide-examples/output-handling.html
several of the outputs that are supposed to render as maps often render as broken links in FF.

when i try to open the image url in a new tab, I get:
The Google Maps API server rejected your request. This service requires an API key.

Doesn't seem to be a problem in Chrome... looks like anti-trusty behavior to me...

Cool project, but your bubble sort example in your demo code isn't bubble sort. Bubble sort exits early if no swaps are made on a pass. https://en.wikipedia.org/wiki/Bubble_sort

The world happiness report notebook's CSS and JS resource links are pointing to iodide.dev.*. They should be pointing to https://iodide-project.github.io/master/iodide.master.*. See contributing guidelines in the README.md.

@bcolloran commented on Sun Feb 18 2018

re #365, but in general -- we need a notebook that talks about how computation works in Iodide:

• the linear execution order of cells for a synchronous Jupyter-like workflow, run all, and how this is not a normal pattern for the web
• sync vs async resource loading
• eval blocking the thread and why you might want to do big computations in workers, but that you will need to handle the added complexity of making this work within the cell-by-cell execution pattern
• let and const inside of eval

@mdboom @hamilton @wlach -- any other wrinkles you've noticed that need explanation? Anything that would be confusing to either people used to async-ish JS or sychronous Python+Jupyter?

just stumbled upon this error when running the python.html example. it errors when the square function is executed.

cc: @mdboom

these cheat sheets are a great idea
https://www.rstudio.com/resources/cheatsheets/

would be great to have information-dense, runnable overviews if we can think of a way to do it.

for things built into Iodide:

• how to load data

for key libraries:

• how to plot easily and quickly
  • with plotly
  • with metrics graphics
  • ???? need to find leading libraries!!!
• how to manipulate data
  • ???? need to find leading libraries!!!