Line chart

docker-compose-light.yml

@@ -112,6 +112,8 @@ services:
       superset-init-light:
         condition: service_completed_successfully
     volumes: *superset-volumes
+    ports:
+      - "${SUPERSET_PORT:-8088}:8088"
     environment:
       DATABASE_HOST: db-light
       DATABASE_DB: superset_light
@@ -157,7 +159,7 @@ services:
     environment:
       # set this to false if you have perf issues running the npm i; npm run dev in-docker
       # if you do so, you have to run this manually on the host, which should perform better!
-      BUILD_SUPERSET_FRONTEND_IN_DOCKER: true
+      BUILD_SUPERSET_FRONTEND_IN_DOCKER: false
       NPM_RUN_PRUNE: false
       SCARF_ANALYTICS: "${SCARF_ANALYTICS:-}"
       # configuring the dev-server to use the host.docker.internal to connect to the backend

superset-frontend/package.json

@@ -102,6 +102,9 @@
     "@emotion/cache": "^11.4.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
+    "@fontsource/fira-code": "^5.2.7",
+    "@fontsource/inter": "^5.2.8",
+    "@react-spring/web": "^10.0.3",
     "@reduxjs/toolkit": "^1.9.3",
     "@rjsf/core": "^5.24.13",
     "@rjsf/utils": "^5.24.3",
@@ -144,6 +147,7 @@
     "chrono-node": "^2.7.8",
     "classnames": "^2.2.5",
     "content-disposition": "^1.0.1",
+    "currencyformatter.js": "^2.2.0",
     "d3-color": "^3.1.0",
     "d3-scale": "^2.1.2",
     "dayjs": "^1.11.19",
@@ -160,6 +164,7 @@
     "geostyler-openlayers-parser": "^4.3.0",
     "geostyler-style": "7.5.0",
     "geostyler-wfs-parser": "^2.0.3",
+    "global-box": "^2.0.2",
     "googleapis": "^169.0.0",
     "immer": "^11.0.1",
     "interweave": "^13.1.1",
@@ -178,6 +183,7 @@
     "nanoid": "^5.1.6",
     "ol": "^7.5.2",
     "prop-types": "^15.8.1",
+    "query-string": "^6.14.1",
     "re-resizable": "^6.11.2",
     "react": "^17.0.2",
     "react-checkbox-tree": "^1.8.0",

superset-frontend/plugins/legacy-preset-chart-deckgl/package.json

@@ -31,13 +31,14 @@
     "@deck.gl/layers": "~9.2.5",
     "@deck.gl/mesh-layers": "~9.2.2",
     "@deck.gl/react": "~9.2.5",
+    "@deck.gl/widgets": "~9.2.2",
     "@luma.gl/constants": "~9.2.4",
     "@luma.gl/core": "~9.2.2",
     "@luma.gl/engine": "~9.2.4",
     "@luma.gl/shadertools": "~9.2.2",
     "@luma.gl/webgl": "~9.2.2",
-    "@mapbox/tiny-sdf": "^2.0.7",
     "@mapbox/geojson-extent": "^1.0.1",
+    "@mapbox/tiny-sdf": "^2.0.7",
     "@math.gl/web-mercator": "^4.1.0",
     "@types/d3-array": "^3.2.2",
     "@types/geojson": "^7946.0.16",

superset-frontend/plugins/plugin-chart-glyph/package.json

@@ -0,0 +1,14 @@
+{
+  "name": "@superset-ui/plugin-chart-glyph",
+  "version": "0.0.1",
+  "description": "Glyph semantic charts for Superset",
+  "main": "src/index.ts",
+  "peerDependencies": {
+    "@superset-ui/chart-controls": "*",
+    "@superset-ui/core": "*",
+    "react": "^17 || ^18 || ^19"
+  },
+  "dependencies": {
+    "glyph": "file:../../../../glyph"
+  }
+}

superset-frontend/plugins/plugin-chart-glyph/src/index.ts

@@ -0,0 +1,21 @@
+import { ChartPlugin, ChartMetadata, buildQueryContext } from '@superset-ui/core';
+import { BigNumber, FancyBigNumber, LineChart, makeChartPlugin } from 'glyph';
+import thumbnail from './thumbnail.png';
+
+export const GlyphBigNumberChartPlugin = makeChartPlugin(
+  BigNumber,
+  { ChartPlugin, ChartMetadata, buildQueryContext },
+  { thumbnail },
+);
+
+export const GlyphFancyBigNumberChartPlugin = makeChartPlugin(
+  FancyBigNumber,
+  { ChartPlugin, ChartMetadata, buildQueryContext },
+  { thumbnail },
+);
+
+export const GlyphLineChartPlugin = makeChartPlugin(
+  LineChart,
+  { ChartPlugin, ChartMetadata, buildQueryContext },
+  { thumbnail },
+);

superset-frontend/src/visualizations/presets/MainPreset.js

@@ -88,6 +88,11 @@ import { HandlebarsChartPlugin } from '@superset-ui/plugin-chart-handlebars';
 import { ChartCustomizationPlugins, FilterPlugins } from 'src/constants';
 import AgGridTableChartPlugin from '@superset-ui/plugin-chart-ag-grid-table';
 import TimeTableChartPlugin from '../TimeTable';
+import {
+  GlyphBigNumberChartPlugin,
+  GlyphFancyBigNumberChartPlugin,
+  GlyphLineChartPlugin,
+} from '@superset-ui/plugin-chart-glyph';
 
 export default class MainPreset extends Preset {
   constructor() {
@@ -211,6 +216,12 @@ export default class MainPreset extends Preset {
         }).configure({ key: VizType.Cartodiagram }),
         ...experimentalPlugins,
         ...agGridTablePlugin,
+        // Glyph semantic charts
+        new GlyphBigNumberChartPlugin().configure({ key: 'glyph_big_number' }),
+        new GlyphFancyBigNumberChartPlugin().configure({
+          key: 'glyph_fancy_big_number',
+        }),
+        new GlyphLineChartPlugin().configure({ key: 'glyph_line_chart' }),
       ],
     });
   }