Release notes

Subscribe to release notes via RSS, or follow @observablehq on X to keep up to date with everything we ship.

Observable Framework 1.9

  • 🎉 JSX + React: Use React components in Observable Framework with JSX fenced code blocks and JSX modules.

  • Inline expressions ${…} now feature significantly improved parsing and rendering.

  • New data loader examples and other improvements.

See release notes on GitHub for more details.

New workspace viewer pricing

  • Pro workspaces can now add workspace viewers for $10 per viewer per month. Viewers can view private projects and notebooks in the workspace. Viewers can also comment on notebooks, but they cannot edit them. Previously, all users were licensed at the same rate, regardless of permissions. This new pricing structure makes it more efficient for teams to share their data apps broadly across their organizations.

For more details, view the docs.

Observable Framework 1.8

  • Sidebar sections now support header links, allowing you to directly access the main page of a section while also expanding the sidebar to display related pages.

  • Improvements to the pager option allow you to define custom sequences for next & previous links in footer.

  • New examples added to the examples directory.

See release notes on GitHub for more details.

Observable Framework 1.7.1

  • The build command now outputs page stats during build so you can easily keep an eye on page weight for a great user experience.

  • Other bug fixes.

See release notes on GitHub for more details.

Observable Framework 1.7

  • The default source root is now src.

  • Markdown enhancements: new typographer and quotes options for smart quotes, and linkify option.

  • Improved Node import compatibility.

  • Faster incremental deploys to Observable.

See release notes on GitHub for more details.

Pricing tier changes

  • Starter tier workspaces are now limited to 1 member, and can be upgraded to Pro (with a trial period) for collaboration in notebooks.

  • Pro tier workspaces can now be created with no minimum number of members, and the pricing is still $22/mo per user when billed annually, or $25/mo when billed monthly.

For more details, view our pricing page.

Analytics for hosted projects on Observable

  • Framework project details now show analytics for tracking page views and visitor engagement.

  • Visualize project and page engagement through new timeline visualization.

  • Available exclusively for projects deployed on Observable.

Observable Framework 1.6: Importing from node modules

  • Node imports: Framework now supports importing from node_modules! This lets you manage dependencies with npm or Yarn, import private packages, or import from a different package registry such as GitHub.

  • Updates to documentation, deploy improvements, and more...

See release notes on GitHub for more details.

Observable Framework 1.5: Live config, external links, and more

  • Live config: Changes to the project config (observablehq.config.js) are now applied immediately on reload or navigation during preview. Parsing and caching has been optimized, and the preview socket now reconnects automatically after server restarts.

  • External links: External links now include target="_blank" and rel="noopener noreferrer" attributes by default, enhancing privacy by preventing referer sharing to external sites. This can be overridden by setting the target or rel attributes explicitly.

  • FileAttachment enhancement: Introduced the FileAttachment.href property for easier file URL access as an alternative to the async FileAttachment.url() method.

See release notes on GitHub for more details.

Easier project sharing, access to project details

  • Framework projects displayed in your workspace now show who you’re sharing projects with, the date of last deployment, and any recent errors or notifications.

  • Sharing settings of projects can now be accessed from the ellipsis (...) menu.

  • Project details, including a list of deploys, can be viewed by clicking the gear icon.

Observable Framework 1.4: Query remotely-hosted data, reference local assets, and flexible deploy options

  • Query remotely-hosted data: Now you can query remotely-hosted data directly with SQL code blocks and DuckDBClient, making it easier to work with live data without embedding it into your site.

  • More local assets: You can now reference files and scripts in the head, header, and footer config options, simplifying the integration of external resources and scripts into your projects.

  • Flexible deployment options: The build and deploy processes are now separate, allowing for more control over your deployment workflow.

See release notes on GitHub for more details.