html_url,issue_url,id,node_id,user,created_at,updated_at,author_association,body,reactions,performed_via_github_app,issue
https://github.com/pydata/xarray/pull/1820#issuecomment-526541433,https://api.github.com/repos/pydata/xarray/issues/1820,526541433,MDEyOklzc3VlQ29tbWVudDUyNjU0MTQzMw==,12912489,2019-08-30T09:55:16Z,2019-08-30T09:55:16Z,NONE,"> I was just following the new [draft dask repr](https://github.com/dask/dask/pull/4794), and it seems the tools are in place to be able to autogenerate a html repr of a full xarray dataset which includes an image, e.g. autogenerate something like:
> 
> ![image](https://user-images.githubusercontent.com/35968931/60892231-b2abc700-a256-11e9-906e-573db59becc8.png)
> 
> It seems to me @benbovy that 90% of your ToDo list is nice-to-have or special-case stuff which can be left for later? The main thing that has to be done before merging is tests? If that bare-bones version gets merged (even as a hidden feature) then others can start having a go at adding images like dask?

We have done something similar using inline svg (see, e.g., https://scipp.readthedocs.io/en/latest/user-guide/data-structures.html#Dataset). It is basically a hack for testing right now, but is sufficient for auto-generated illustration in the documentation.

I am pretty impressed by the html representation previewed in https://github.com/pydata/xarray/issues/1627. Since our data structures are very similar I would be happy to contribute to this output rendering somehow, since we could then also benefit from it (with a few tweaks, probably). So let me know if I can help out somehow (unfortunately I do not know much html and css, just C++ and a bit of Python).","{""total_count"": 0, ""+1"": 0, ""-1"": 0, ""laugh"": 0, ""hooray"": 0, ""confused"": 0, ""heart"": 0, ""rocket"": 0, ""eyes"": 0}",,287844110
https://github.com/pydata/xarray/pull/1820#issuecomment-357556906,https://api.github.com/repos/pydata/xarray/issues/1820,357556906,MDEyOklzc3VlQ29tbWVudDM1NzU1NjkwNg==,836375,2018-01-15T00:41:09Z,2018-01-15T00:41:09Z,NONE,"Wow, that does work really well on Firefox.","{""total_count"": 0, ""+1"": 0, ""-1"": 0, ""laugh"": 0, ""hooray"": 0, ""confused"": 0, ""heart"": 0, ""rocket"": 0, ""eyes"": 0}",,287844110
https://github.com/pydata/xarray/pull/1820#issuecomment-357330383,https://api.github.com/repos/pydata/xarray/issues/1820,357330383,MDEyOklzc3VlQ29tbWVudDM1NzMzMDM4Mw==,836375,2018-01-12T19:22:17Z,2018-01-12T19:22:17Z,NONE,"Something like this with a table?

https://codepen.io/rgbkrk/pen/XVYpEE

You'll have to embed some JS to do it though (I'm using jquery here, you could write it with `document.querySelectorAll` and some change handlers here).

I still haven't gotten a chance to use CSS grid, been hoping for a good moment.","{""total_count"": 0, ""+1"": 0, ""-1"": 0, ""laugh"": 0, ""hooray"": 0, ""confused"": 0, ""heart"": 0, ""rocket"": 0, ""eyes"": 0}",,287844110