Release notes

• The workspace sidebar has been reorganized into Projects, Notebooks, and Settings.

• Instead of a “Home” link, click your workspace name to navigate back to your workspace.

• Database and Membership pages have been removed from the sidebar, but are still accessible through the the Settings section.

• Links to pages that were previously found in the lower left corner of the side bar can now be located within the top navigation bar. (e.g. documentation, trending notebooks, etc.)

• The “Learn” and “Quick guides” sections are now only displayed to new users. Quick guides can still be found at https://observablehq.com/guides.

• 🎉 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.

• 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.

• 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.

• 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.

• 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.

• 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.

• 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.

• 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.

• 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.

• 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.