Question 1

How to integrate @curvenote/article with React or Vue?

Accepted Answer

Since it's web-component based, you can use it in React or Vue by importing the components and handling custom elements, but state management might require bridging with the library's runtime store. Refer to the setup notes in the README for guidance.

Question 2

What's the difference between @curvenote/article and tangle.js?

Accepted Answer

@curvenote/article re-imagines tangle.js using web-components for a more declarative, modern approach with better HTML integration. However, it requires understanding web-components and has a steeper initial setup compared to tangle.js's simpler script-based method.

Question 3

How to add custom data visualizations beyond the built-in charts?

Accepted Answer

You can extend the library by creating custom web-components or integrating with other charting libraries, but this requires familiarity with the @curvenote runtime and web-component APIs, as the documentation doesn't provide detailed examples.

Question 4

Is @curvenote/article good for non-scientific interactive documents?

Accepted Answer

While its reactive variables can be used for any dynamic content, the components are optimized for science, so you might need additional styling and elements for general use. It's possible but not the primary focus.

Question 5

How to deploy @curvenote/article on a static site like GitHub Pages?

Accepted Answer

Include the CDN script and CSS in your HTML, as shown in the getting started section. Ensure all files are hosted correctly and test for browser compatibility, as web-components may need polyfills for older browsers.

Question 6

@curvenote/article or Jupyter Notebooks for interactive science?

Accepted Answer

@curvenote/article is better for lightweight, web-native articles with declarative HTML, while Jupyter Notebooks offer a richer, code-execution environment but are heavier and less integrated into standard web pages. Choose based on your need for simplicity vs. computational power.

iooxa

What is iooxa?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions