echarts (#811)

* echarts

* pin [email protected]

* index: true

Author: mbostock

docs/lib/echarts.md

@@ -0,0 +1,35 @@
+---
+index: true
+---
+
+# Apache ECharts
+
+Apache ECharts is available by default as `echarts` in Markdown. You can also import it explicitly like so:
+
+```js run=false
+import * as echarts from "npm:echarts/dist/echarts.esm.js";
+```
+
+To use ECharts, declare a container element with the desired dimensions, [display it](../javascript/display), and then call `echarts.init`.
+
+```js echo
+const myChart = echarts.init(display(html`<div style="width: 600px; height:400px;"></div>`));
+
+myChart.setOption({
+  title: {
+    text: "ECharts getting started example"
+  },
+  tooltip: {},
+  xAxis: {
+    data: ["shirt", "cardigan", "chiffon", "pants", "heels", "socks"]
+  },
+  yAxis: {},
+  series: [
+    {
+      name: "sales",
+      type: "bar",
+      data: [5, 20, 36, 10, 10, 20]
+    }
+  ]
+});
+```

src/client/stdlib/recommendedLibraries.js

@@ -5,6 +5,7 @@ export const d3 = () => import("npm:d3");
 export const dot = () => import("observablehq:stdlib/dot").then((dot) => dot.default);
 export const duckdb = () => import("npm:@duckdb/duckdb-wasm");
 export const DuckDBClient = () => import("observablehq:stdlib/duckdb").then((duckdb) => duckdb.DuckDBClient);
+export const echarts = () => import("npm:echarts/dist/echarts.esm.js");
 export const htl = () => import("npm:htl");
 export const html = () => import("npm:htl").then((htl) => htl.html);
 export const svg = () => import("npm:htl").then((htl) => htl.svg);

src/javascript/imports.ts

@@ -346,6 +346,7 @@ export async function resolveNpmImport(specifier: string): Promise<string> {
   if (name === "@duckdb/duckdb-wasm" && !range) range = "1.28.0"; // https://github.com/duckdb/duckdb-wasm/issues/1561
   if (name === "apache-arrow" && !range) range = "13.0.0"; // https://github.com/observablehq/framework/issues/750
   if (name === "parquet-wasm" && !range) range = "0.5.0"; // https://github.com/observablehq/framework/issues/733
+  if (name === "echarts" && !range) range = "5.4.3"; // https://github.com/observablehq/framework/pull/811
   try {
     return `https://cdn.jsdelivr.net/npm/${name}@${await resolveNpmVersion({name, range})}/${path}`;
   } catch {