Observable Reviews and details

Social recommendations and mentions

• A feature-rich front-end drag-and-drop component library

  Maybe I'm easy to impress, but I always stop and play around with the nested tree example when I come across Sortable. It works so flawlessly, and feels very tuned to mobile dnd. It even works to arrange (and reflow) inline spans in a paragraph! I have yet to come across this functionality in a text editor.. [0]: https://observablehq.com/@dleeftink/sortable-playground. - Source: Hacker News / about 9 hours ago

• Parquet-WASM: Rust-based WebAssembly bindings to read and write Parquet data

  Arrow JS is just ArrayBuffers underneath. You do want to amortize some operations to avoid unnecessary conversions. I.e. Arrow JS stores strings as UTF-8, but native JS strings are UTF-16 I believe. Arrow is especially powerful across the WASM <--> JS boundary! In fact, I wrote a library to interpret Arrow from Wasm memory into JS without any copies [0]. (Motivating blog post [1]) [0]:... - Source: Hacker News / 3 days ago

• A flat map with the least error possible: The Gott-Goldberg-Vanderbei projection

  Here’s the D3 implementation (which is just an interrupted azimuthal equidistant projection): https://observablehq.com/@d3/azimuthal-equidistant-hemispheres. - Source: Hacker News / 3 days ago

• Hardest Problem in Computer Science: Centering Things

  I made a quick tool to apply the trick he suggests at the end of the article: https://observablehq.com/@gampleman/font-centering-tool. - Source: Hacker News / 7 days ago

• Zooming User Interface (ZUI)

  There is maybe some room for design too (Figma), but there are many times I wish it DIDN'T do that and encouraged better frame/file organization instead. ------- It can also be useful for some visualizations, like taxonomy: https://itol.embl.de/itol.cgi or https://www.onezoom.org/life.html "Drill down for details" like in disk space analysis: https://www.youtube.com/watch?v=BKClylmlv3w&t=1s (or similar one in D3:... - Source: Hacker News / 10 days ago

• Transformers.js: Machine Learning for the Web

  This library is so cool. It makes spinning up a quick demo incredibly easy - I've used it in Observable notebooks a few times: - https://observablehq.com/@simonw/openai-clip-in-a-browser - https://observablehq.com/@simonw/detect-objects-in-images The size of the models feels limiting at first, but for quite a few applications telling a user with a good laptop and connection that they have to wait 30s for it to... - Source: Hacker News / 14 days ago

• Tonal.js: Functional music theory lib

  Thanks for posting this! I've been experimenting with adding generative ambient music to my white noise app Ambiphone [0] using tone.js, but I've just been using manually written progressions and motifs, so I'm really excited to try this out. Just a heads up that your example at https://observablehq.com/@ricardomatias/playa doesn't seem to be working at the moment because of browser autoplay restrictions - the... - Source: Hacker News / 23 days ago

• Zoomable Circles, a Svelte component for hierarchical data

  (1) Check out the underlying D3 example of zoomable circles - https://observablehq.com/@d3/zoomable-circle-packing?intent=fork (2) Explore D3.js demos - I show potential clients this demo page frequently, and it never ceases to blow minds and start interesting conversations! Enjoy. - Source: Hacker News / 25 days ago

• Deep Learning in JavaScript

  Not a problem, I've benchmarked some GPU backed js libraries here: [0]: https://observablehq.com/@dleeftink/ultimate-compute-show-down. - Source: Hacker News / 27 days ago

• Show HN: I built an interactive plotter art exhibit for SIGGRAPH

  Yeah that’s a great idea. I’ve got a bunch of plotter seeds on observablehq with sliders to control different parameters. For example: https://observablehq.com/@josephg/simple-sin-waves-plot I’ve never thought of using a midi controller to noodle with them. That’s a great idea! - Source: Hacker News / 28 days ago

• Show HN: Mapping almost every law, regulation and case in Australia

  I did something similar for fragrances a little while ago: https://observablehq.com/@55th/every-fragrance-at-once. - Source: Hacker News / about 1 month ago

• Chronos: Learning the Language of Time Series

  - Level: where are the data points on the vertical axis? What libraries, AI, databases, etc... Would you recommend that would allow me to calculate these values? I am no data scientist and don't need forecasting but overall, I just want a dashboard that shows the most "important" graphs. [1] https://observablehq.com/framework/ [2] https://observablehq.com/framework/loaders [3]... - Source: Hacker News / about 1 month ago

• Suspicious Discontinuities

  Similar to car prices, we see the same mental rounding effect in rents. People will rent a home for $2100 or $2200, sometimes even $2150 for those truly dedicated to price finding, but hardly anyone rents an apartment for $2137. Source: my data for the city of Berkeley https://observablehq.com/@jwb/berkeley-rent-board-data#cell-454. - Source: Hacker News / about 1 month ago

• Ask HN: How do you analyze time series data in 2024?

  What libraries, AI, databases, etc... Exist that would allow me to calculate these values? Overall, I don't need forecasting and just need a dashboard that shows the most important graphs. [1] https://observablehq.com/framework/ [2] https://observablehq.com/framework/loaders [3] https://observablehq.com/@observablehq/plot-simple-line-chart. - Source: Hacker News / about 1 month ago

• Interesting Ideas in Observable Framework

  Some community members have made available resources for converting Observable flavoured JS to vanilla (it mostly involves rewriting top-level cell definitions): [0]: https://observablehq.com/@bumbeishvili/convert-observable-code-to-normal-javascript. - Source: Hacker News / about 2 months ago

• Interesting Ideas in Observable Framework

  Observable integrates really well with ClickHouse using its REST API, like in this example: https://observablehq.com/@stas-sl/github-issues-survival-analysis But I didn't try the new Observable Framework - interesting to see similar examples where it queries a database live. I hope that preloading and caching all the data is not the only option because these types of apps should be interactive. Ideally, it should... - Source: Hacker News / about 2 months ago

• Interesting Ideas in Observable Framework

  My issue with Observable is that it appears to be the examples-resource for d3 [0], but you can't just copy-paste the code because it is designed to run in that framework. And it's not like d3 is easy to use so that you can use it without examples, specially considering that changes between versions are often incompatible. But apart from this, there's a lot of incredible graphics to find on the site. [0]... - Source: Hacker News / about 2 months ago

• All you need is Wide Events, not "Metrics, Logs and Traces"

  FWIW I think x-ray has everything you need, its just that AWs tooling does not give you much ability to aggregate over x-ray bundles. I wrote a tool to help bulk load x-ray samples into a local browser duckdb and then slice and dicing in realtime interactive visualisations. It also includes the ability to generate a flamegraph over the selected traces. All this great data is already in an AWS, account and we just... - Source: Hacker News / about 2 months ago

• Minimum Volume Ellipsoid

  If you find this interesting, you might enjoy my write up of the Matoušek-Sharir-Welzl (MSW) algorithm used by D3’s circle-packing layout. https://observablehq.com/@d3/d3-packenclose I still haven’t quite figured out how to make D3’s implementation robust, though. Volodymyr Agafonkin’s robust-predicated would probably help…. - Source: Hacker News / 2 months ago

• Observable 2.0, a static site generator for data apps

  3. Select an example I like, for example - https://observablehq.com/d/3ea4b4458fed9242?page=2&collection=@observablehq/featured-creators It turns out it's D3, not Plot. I think you just have all possible viz in this section, but for me as a user coming from the Observable Plot page and clicking on "See more..." my expectation is to see only examples of what could be done with Plot, not both D3 and Plot. I need to... - Source: Hacker News / 2 months ago

• Observable 2.0, a static site generator for data apps

  Https://observablehq.com/plot/marks/cell We generally recommend stacked bar charts over pie and donut charts, so we haven’t prioritized those. But you can already implement them using custom marks, and there’s even a hacky way of doing them using Plot’s map projection system. https://observablehq.com/@observablehq/pie-to-donut-chart I don’t understand your comment about the “D3 example.” If you’re looking for Plot... - Source: Hacker News / 2 months ago