diff --git a/app/scripts/components/common/map/style-generators/cmr-timeseries.tsx b/app/scripts/components/common/map/style-generators/cmr-timeseries.tsx
index 790d38a3b..c3eb71c50 100644
--- a/app/scripts/components/common/map/style-generators/cmr-timeseries.tsx
+++ b/app/scripts/components/common/map/style-generators/cmr-timeseries.tsx
@@ -1,28 +1,10 @@
 import React from 'react';
 
-import { BaseGeneratorParams } from '../types';
-import { ZarrPaintLayer } from './zarr-timeseries';
-import { useCMR } from './hooks';
-import { ActionStatus } from '$utils/status';
+import { useCMRSTAC } from './hooks';
+import { RasterTimeseriesProps } from './raster-timeseries';
+import { RasterPaintLayer } from '$components/common/map/style-generators/raster-paint-layer';
 
-interface AssetUrlReplacement {
-  from: string;
-  to: string;
-}
-
-export interface CMRTimeseriesProps extends BaseGeneratorParams {
-  id: string;
-  stacCol: string;
-  date?: Date;
-  sourceParams?: Record<string, any>;
-  stacApiEndpoint?: string;
-  tileApiEndpoint?: string;
-  assetUrlReplacements?: AssetUrlReplacement;
-  zoomExtent?: number[];
-  onStatusChange?: (result: { status: ActionStatus; id: string }) => void;
-}
-
-export function CMRTimeseries(props:CMRTimeseriesProps) {
+export function CMRTimeseries(props: RasterTimeseriesProps) {
   const {
     id,
     stacCol,
@@ -30,9 +12,11 @@ export function CMRTimeseries(props:CMRTimeseriesProps) {
     date,
     assetUrlReplacements,
     onStatusChange,
+    sourceParams,
+    hidden
   } = props;
 
   const stacApiEndpointToUse = stacApiEndpoint?? process.env.API_STAC_ENDPOINT;
-  const assetUrl = useCMR({ id, stacCol, stacApiEndpointToUse, date, assetUrlReplacements, stacApiEndpoint, onStatusChange });
-  return <ZarrPaintLayer {...props} assetUrl={assetUrl} />;
+  const tileParams = useCMRSTAC({ id, stacCol, stacApiEndpointToUse, date, assetUrlReplacements, stacApiEndpoint, onStatusChange, sourceParams });
+  return <RasterPaintLayer {...props} tileParams={tileParams} />;
 }
\ No newline at end of file
diff --git a/app/scripts/components/common/map/style-generators/hooks.ts b/app/scripts/components/common/map/style-generators/hooks.ts
index 5fbbe1830..c44a96b7d 100644
--- a/app/scripts/components/common/map/style-generators/hooks.ts
+++ b/app/scripts/components/common/map/style-generators/hooks.ts
@@ -11,7 +11,7 @@ interface ZarrResponseData {
     zarr: {
       href: string
     }
-  }
+  },
 }
 interface CMRResponseData {
   features: {
@@ -23,8 +23,13 @@ interface CMRResponseData {
   }[]
 }
 
-export function useZarr({ id, stacCol, stacApiEndpointToUse, date, onStatusChange }){
-  const [assetUrl, setAssetUrl] = useState('');
+interface STACforCMRResponseData {
+  collection_concept_id: string;
+  renders: Record<string, any>;
+}
+
+export function useZarr({ id, stacCol, stacApiEndpointToUse, date, onStatusChange, sourceParams }){
+  const [tileParams, setTileParams] = useState({});
 
   useEffect(() => {
     const controller = new AbortController();
@@ -38,11 +43,18 @@ export function useZarr({ id, stacCol, stacApiEndpointToUse, date, onStatusChang
           controller
         });
 
-        setAssetUrl(data.assets.zarr.href);
+        if (data.assets.zarr.href) {
+          setTileParams({
+            url: data.assets.zarr.href,
+            time_slice: date,
+            ...sourceParams
+          });
+        }
+
         onStatusChange?.({ status: S_SUCCEEDED, id });
       } catch (error) {
         if (!controller.signal.aborted) {
-          setAssetUrl('');
+          setTileParams({});
           onStatusChange?.({ status: S_FAILED, id });
         }
         return;
@@ -54,15 +66,15 @@ export function useZarr({ id, stacCol, stacApiEndpointToUse, date, onStatusChang
     return () => {
       controller.abort();
     };
-  }, [id, stacCol, stacApiEndpointToUse, date, onStatusChange]);
+  }, [id, stacCol, stacApiEndpointToUse, date, onStatusChange, sourceParams]);
 
-  return assetUrl;
+  return tileParams;
 } 
 
 
 
-export function useCMR({ id, stacCol, stacApiEndpointToUse, date, assetUrlReplacements, stacApiEndpoint, onStatusChange }){
-  const [assetUrl, setAssetUrl] = useState('');
+export function useCMRSTAC({ id, stacCol, stacApiEndpointToUse, date, assetUrlReplacements, stacApiEndpoint, onStatusChange, sourceParams }){
+  const [tileParams, setTileParams] = useState({});
   
   const replaceInAssetUrl = (url: string, replacement: AssetUrlReplacement) => {
     const {from, to } = replacement;
@@ -90,11 +102,15 @@ export function useCMR({ id, stacCol, stacApiEndpointToUse, date, assetUrlReplac
         });
 
         const assetUrl = replaceInAssetUrl(data.features[0].assets.data.href, assetUrlReplacements);
-        setAssetUrl(assetUrl);
+        setTileParams({
+          url: assetUrl,
+          time_slice: date,
+          ...sourceParams
+        });
         onStatusChange?.({ status: S_SUCCEEDED, id });
       } catch (error) {
         if (!controller.signal.aborted) {
-          setAssetUrl('');
+          setTileParams({});
           onStatusChange?.({ status: S_FAILED, id });
         }
         return;
@@ -106,8 +122,61 @@ export function useCMR({ id, stacCol, stacApiEndpointToUse, date, assetUrlReplac
     return () => {
       controller.abort();
     };
-  }, [id, stacCol, stacApiEndpointToUse, date, assetUrlReplacements, stacApiEndpoint, onStatusChange]);
+  }, [id, stacCol, stacApiEndpointToUse, date, assetUrlReplacements, stacApiEndpoint, onStatusChange, sourceParams]);
+
+  return tileParams;
+
+} 
+
+
+export function useTitilerCMR({ id, stacCol, stacApiEndpointToUse, date, stacApiEndpoint, onStatusChange, sourceParams }){
+  const [tileParams, setTileParams] = useState({});
+
+  useEffect(() => {
+    const controller = new AbortController();
+
+    async function load() {
+      try {
+        onStatusChange?.({ status: S_LOADING, id });
+
+        const data: STACforCMRResponseData = await requestQuickCache({
+          url: `${stacApiEndpointToUse}/collections/${stacCol}`,
+          method: 'GET',
+          controller
+        });
+
+        const baseParams = {
+          concept_id: data.collection_concept_id,
+          datetime: date,
+          ...sourceParams
+        };
+        
+        const variable = sourceParams?.variable;
+        
+        if (variable) {
+          baseParams.variable = variable;
+          const renderParams = data.renders[variable] || {};
+          setTileParams({ ...renderParams, ...baseParams });
+        } else {
+          setTileParams(baseParams);
+        }
 
-  return assetUrl;
+        onStatusChange?.({ status: S_SUCCEEDED, id });
+      } catch (error) {
+        if (!controller.signal.aborted) {
+          setTileParams({});
+          onStatusChange?.({ status: S_FAILED, id });
+        }
+        return;
+      }
+    }
+
+    load();
+
+    return () => {
+      controller.abort();
+    };
+  }, [id, stacCol, stacApiEndpointToUse, date, stacApiEndpoint, onStatusChange, sourceParams]);
 
+  return tileParams;
 } 
\ No newline at end of file
diff --git a/app/scripts/components/common/map/style-generators/raster-paint-layer.tsx b/app/scripts/components/common/map/style-generators/raster-paint-layer.tsx
new file mode 100644
index 000000000..4457d623f
--- /dev/null
+++ b/app/scripts/components/common/map/style-generators/raster-paint-layer.tsx
@@ -0,0 +1,119 @@
+import { useEffect, useMemo } from 'react';
+import qs from 'qs';
+import { RasterSource, RasterLayer } from 'mapbox-gl';
+
+import useMapStyle from '../hooks/use-map-style';
+
+interface RasterPaintLayerProps {
+  id: string;
+  tileParams?: Record<string, any>;
+  tileApiEndpoint?: string;
+  zoomExtent?: number[];
+  hidden?: boolean;
+  idSuffix?: string;
+  opacity?: number;
+}
+
+export function RasterPaintLayer(props: RasterPaintLayerProps) {
+  const {
+    id,
+    tileApiEndpoint,
+    tileParams,
+    zoomExtent,
+    hidden,
+    opacity,
+    idSuffix = ''
+  } = props;
+
+  const { updateStyle } = useMapStyle();
+
+  const [minZoom] = zoomExtent ?? [0, 20];
+
+  const generatorId = 'zarr-timeseries' + idSuffix;
+
+  // Generate Mapbox GL layers and sources for raster timeseries
+  //
+  const haveSourceParamsChanged = useMemo(
+    () => JSON.stringify(tileParams),
+    [tileParams]
+  );
+
+  useEffect(
+    () => {
+
+    // Customize qs to use comma separated values for arrays
+    // e.g. rescale: [[0, 100]] -> rescale=0,100
+    // TODO: test this with multiple rescale values, for multiple bands
+    const options = {
+        arrayFormat: 'comma',
+    };
+
+      const tileParamsAsString = qs.stringify(tileParams, options);
+      const tileServerUrl = `${tileApiEndpoint}?${tileParamsAsString}`;
+      const layerSource: RasterSource = {
+        type: 'raster',
+        url: tileServerUrl
+      };
+      const rasterOpacity = typeof opacity === 'number' ? opacity / 100 : 1;
+      const layer: RasterLayer = {
+        id: id,
+        type: 'raster',
+        source: id,
+        layout: {
+          visibility: hidden ? 'none' : 'visible'
+        },
+        paint: {
+          //'raster-opacity': hidden ? 0 : rasterOpacity,
+          'raster-opacity-transition': {
+            duration: 320
+          }
+        },
+        minzoom: minZoom,
+        metadata: {
+          id,
+          layerOrderPosition: 'raster',
+          xyzTileUrl: tileServerUrl,
+        }
+      };
+
+      const sources = {
+        [id]: layerSource
+      };
+      const layers = [layer];
+
+      updateStyle({
+        generatorId,
+        sources,
+        layers
+      });
+    },
+    // sourceParams not included, but using a stringified version of it to detect changes (haveSourceParamsChanged)
+    [
+      updateStyle,
+      id,
+      tileParams,
+      minZoom,
+      haveSourceParamsChanged,
+      hidden,
+      generatorId,
+      tileApiEndpoint,
+      opacity
+
+    ]
+  );
+
+  //
+  // Cleanup layers on unmount.
+  //
+  useEffect(() => {
+    return () => {
+      updateStyle({
+        generatorId,
+        sources: {},
+        layers: []
+      });
+    };
+  }, [updateStyle, generatorId]);
+
+  return null;
+}
\ No newline at end of file
diff --git a/app/scripts/components/common/map/style-generators/raster-timeseries.tsx b/app/scripts/components/common/map/style-generators/raster-timeseries.tsx
index 8daf4cb21..537d716cc 100644
--- a/app/scripts/components/common/map/style-generators/raster-timeseries.tsx
+++ b/app/scripts/components/common/map/style-generators/raster-timeseries.tsx
@@ -36,6 +36,11 @@ import {
 // Whether or not to print the request logs.
 const LOG = true;
 
+interface AssetUrlReplacement {
+  from: string;
+  to: string;
+}
+
 export interface RasterTimeseriesProps extends BaseGeneratorParams {
   id: string;
   stacCol: string;
@@ -47,6 +52,10 @@ export interface RasterTimeseriesProps extends BaseGeneratorParams {
   isPositionSet?: boolean;
   stacApiEndpoint?: string;
   tileApiEndpoint?: string;
+  // For replacing HTTPS asset URLs with S3 in the CMR STAC response.
+  // eslint-disable-next-line react/no-unused-prop-types  
+  assetUrlReplacements?: AssetUrlReplacement;
+  hidden?: boolean;
 }
 
 enum STATUS_KEY {
diff --git a/app/scripts/components/common/map/style-generators/titiler-cmr-timeseries.tsx b/app/scripts/components/common/map/style-generators/titiler-cmr-timeseries.tsx
new file mode 100644
index 000000000..984e19faf
--- /dev/null
+++ b/app/scripts/components/common/map/style-generators/titiler-cmr-timeseries.tsx
@@ -0,0 +1,20 @@
+import React from 'react';
+import { RasterPaintLayer } from './raster-paint-layer';
+import { RasterTimeseriesProps } from './raster-timeseries';
+import { useTitilerCMR } from '$components/common/map/style-generators/hooks';
+
+export function TitilerCMRTimeseries(props: RasterTimeseriesProps) {
+  const {
+    id,
+    stacCol,
+    stacApiEndpoint,
+    date,
+    onStatusChange,
+    sourceParams,
+    hidden,
+  } = props;
+ 
+  const stacApiEndpointToUse = stacApiEndpoint?? process.env.API_STAC_ENDPOINT;
+  const tileParams = useTitilerCMR({ id, stacCol, stacApiEndpointToUse, date, stacApiEndpoint, onStatusChange, sourceParams });
+  return <RasterPaintLayer {...props} tileParams={tileParams} />;
+}
\ No newline at end of file
diff --git a/app/scripts/components/common/map/style-generators/zarr-timeseries.tsx b/app/scripts/components/common/map/style-generators/zarr-timeseries.tsx
index 38243442d..9db1700d2 100644
--- a/app/scripts/components/common/map/style-generators/zarr-timeseries.tsx
+++ b/app/scripts/components/common/map/style-generators/zarr-timeseries.tsx
@@ -1,150 +1,21 @@
-import React, { useEffect, useMemo } from 'react';
-import qs from 'qs';
-import { RasterSource, RasterLayer } from 'mapbox-gl';
-
-import useMapStyle from '../hooks/use-map-style';
-import useGeneratorParams from '../hooks/use-generator-params';
-import { BaseGeneratorParams } from '../types';
+import React from 'react';
 
 import { useZarr } from './hooks';
-import { ActionStatus } from '$utils/status';
-
-export interface ZarrTimeseriesProps extends BaseGeneratorParams {
-  id: string;
-  stacCol: string;
-  date?: Date;
-  sourceParams?: Record<string, any>;
-  stacApiEndpoint?: string;
-  tileApiEndpoint?: string;
-  zoomExtent?: number[];
-  onStatusChange?: (result: { status: ActionStatus; id: string }) => void;
-}
-
-interface ZarrPaintLayerProps extends BaseGeneratorParams {
-  id: string;
-  date?: Date;
-  sourceParams?: Record<string, any>;
-  tileApiEndpoint?: string;
-  zoomExtent?: number[];
-  assetUrl: string;
-}
-
-export function ZarrPaintLayer(props: ZarrPaintLayerProps) {
-  const {
-    id,
-    tileApiEndpoint,
-    date,
-    sourceParams,
-    zoomExtent,
-    assetUrl,
-    hidden,
-    opacity
-  } = props;
-
-  const { updateStyle } = useMapStyle();
-  const [minZoom] = zoomExtent ?? [0, 20];
-  const generatorId = `zarr-timeseries-${id}`;
-
-  //
-  // Generate Mapbox GL layers and sources for raster timeseries
-  //
-  const haveSourceParamsChanged = useMemo(
-    () => JSON.stringify(sourceParams),
-    [sourceParams]
-  );
+import { RasterTimeseriesProps } from './raster-timeseries';
+import { RasterPaintLayer } from './raster-paint-layer';
 
-  const generatorParams = useGeneratorParams(props);
-
-  useEffect(
-    () => {
-      if (!assetUrl) return;
-
-      const tileParams = qs.stringify({
-        url: assetUrl,
-        time_slice: date,
-        ...sourceParams
-      });
-
-      const zarrSource: RasterSource = {
-        type: 'raster',
-        url: `${tileApiEndpoint}?${tileParams}`
-      };
-
-      const rasterOpacity = typeof opacity === 'number' ? opacity / 100 : 1;
-
-      const zarrLayer: RasterLayer = {
-        id: id,
-        type: 'raster',
-        source: id,
-        paint: {
-          'raster-opacity': hidden ? 0 : rasterOpacity,
-          'raster-opacity-transition': {
-            duration: 320
-          }
-        },
-        minzoom: minZoom,
-        metadata: {
-          layerOrderPosition: 'raster'
-        }
-      };
-
-      const sources = {
-        [id]: zarrSource
-      };
-      const layers = [zarrLayer];
-
-      updateStyle({
-        generatorId,
-        sources,
-        layers,
-        params: generatorParams
-      });
-    },
-    // sourceParams not included, but using a stringified version of it to
-    // detect changes (haveSourceParamsChanged)
-    [
-      updateStyle,
-      id,
-      date,
-      assetUrl,
-      minZoom,
-      tileApiEndpoint,
-      haveSourceParamsChanged,
-      generatorParams
-      // generatorParams includes hidden and opacity
-      // hidden,
-      // opacity,
-      // generatorId, // - dependent on id
-      // sourceParams, // tracked by haveSourceParamsChanged
-    ]
-  );
-
-  //
-  // Cleanup layers on unmount.
-  //
-  useEffect(() => {
-    return () => {
-      updateStyle({
-        generatorId,
-        sources: {},
-        layers: []
-      });
-    };
-  }, [updateStyle, generatorId]);
-
-  return null;
-}
-
-export function ZarrTimeseries(props:ZarrTimeseriesProps) {
+export function ZarrTimeseries(props: RasterTimeseriesProps) {
   const {
     id,
     stacCol,
     stacApiEndpoint,
     date,
     onStatusChange,
+    sourceParams,
+    hidden
   } = props;
 
   const stacApiEndpointToUse = stacApiEndpoint?? process.env.API_STAC_ENDPOINT;
-  const assetUrl = useZarr({id, stacCol, stacApiEndpointToUse, date, onStatusChange});
-  return <ZarrPaintLayer {...props} assetUrl={assetUrl} />;
+  const tileParams = useZarr({id, stacCol, stacApiEndpointToUse, date, onStatusChange, sourceParams});
+  return <RasterPaintLayer {...props} tileParams={tileParams} />;
 }
\ No newline at end of file
diff --git a/app/scripts/components/common/mapbox/index.tsx b/app/scripts/components/common/mapbox/index.tsx
index 8831db786..9dd30a390 100644
--- a/app/scripts/components/common/mapbox/index.tsx
+++ b/app/scripts/components/common/mapbox/index.tsx
@@ -215,7 +215,7 @@ function MapboxMapComponent(
     // Include access to raw data.
     const bag = { ...resolverBag, raw: baseLayer.data };
     const data = resolveConfigFunctions(baseLayer.data, bag);
-
+    
     return [data, getLayerComponent(!!data.timeseries, data.type)];
   }, [baseLayer, resolverBag]);
 
diff --git a/app/scripts/components/common/mapbox/layers/cmr-timeseries.tsx b/app/scripts/components/common/mapbox/layers/cmr-timeseries.tsx
deleted file mode 100644
index 9c191f8bc..000000000
--- a/app/scripts/components/common/mapbox/layers/cmr-timeseries.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import React from 'react';
-import { Map as MapboxMap } from 'mapbox-gl';
-
-import { ZarrPaintLayer } from './zarr-timeseries';
-import { ActionStatus } from '$utils/status';
-
-import { useCMR } from '$components/common/map/style-generators/hooks';
-
-interface AssetUrlReplacement {
-  from: string;
-  to: string;
-}
-
-export interface MapLayerCMRTimeseriesProps {
-  id: string;
-  stacCol: string;
-  date?: Date;
-  mapInstance: MapboxMap;
-  sourceParams?: Record<string, any>;
-  stacApiEndpoint?: string;
-  tileApiEndpoint?: string;
-  assetUrlReplacements?: AssetUrlReplacement;
-  zoomExtent?: number[];
-  onStatusChange?: (result: { status: ActionStatus; id: string }) => void;
-  isHidden?: boolean;
-  idSuffix?: string;
-}
-
-export function MapLayerCMRTimeseries(props:MapLayerCMRTimeseriesProps) {
-  const {
-    id,
-    stacCol,
-    stacApiEndpoint,
-    date,
-    assetUrlReplacements,
-    onStatusChange,
-  } = props;
-
-  const stacApiEndpointToUse = stacApiEndpoint?? process.env.API_STAC_ENDPOINT;
-  const assetUrl = useCMR({ id, stacCol, stacApiEndpointToUse, date, assetUrlReplacements, stacApiEndpoint, onStatusChange });
-  return <ZarrPaintLayer {...props} assetUrl={assetUrl} />;
-}
\ No newline at end of file
diff --git a/app/scripts/components/common/mapbox/layers/utils.ts b/app/scripts/components/common/mapbox/layers/utils.ts
index b8a310dc8..78068cd02 100644
--- a/app/scripts/components/common/mapbox/layers/utils.ts
+++ b/app/scripts/components/common/mapbox/layers/utils.ts
@@ -30,18 +30,20 @@ import {
   MapLayerVectorTimeseriesProps
 } from './vector-timeseries';
 import {
-  MapLayerZarrTimeseries,
-  MapLayerZarrTimeseriesProps
-} from './zarr-timeseries';
+  ZarrTimeseries,
+} from '$components/common/map/style-generators/zarr-timeseries';
 import {
-  MapLayerCMRTimeseries,
-  MapLayerCMRTimeseriesProps
-} from './cmr-timeseries';
+  CMRTimeseries,
+} from '$components/common/map/style-generators/cmr-timeseries';
+import {
+  TitilerCMRTimeseries,
+} from '$components/common/map/style-generators/titiler-cmr-timeseries';
 
 import { userTzDate2utcString, utcString2userTzDate } from '$utils/date';
 import { AsyncDatasetLayer } from '$context/layer-data';
 import { S_FAILED, S_IDLE, S_LOADING, S_SUCCEEDED } from '$utils/status';
 import { HintedError } from '$utils/hinted-error';
+import { RasterTimeseriesProps } from '$components/common/map/style-generators/raster-timeseries';
 
 export const getLayerComponent = (
   isTimeseries: boolean,
@@ -49,14 +51,16 @@ export const getLayerComponent = (
 ): FunctionComponent<
   | MapLayerRasterTimeseriesProps
   | MapLayerVectorTimeseriesProps
-  | MapLayerZarrTimeseriesProps
-  | MapLayerCMRTimeseriesProps
+  | RasterTimeseriesProps
+  | RasterTimeseriesProps
+  | RasterTimeseriesProps
 > | null => {
   if (isTimeseries) {
     if (layerType === 'raster') return MapLayerRasterTimeseries;
     if (layerType === 'vector') return MapLayerVectorTimeseries;
-    if (layerType === 'zarr') return MapLayerZarrTimeseries;
-    if (layerType === 'cmr') return MapLayerCMRTimeseries;
+    if (layerType === 'zarr') return ZarrTimeseries;
+    if (layerType === 'cmr-stac') return CMRTimeseries;
+    if (layerType === 'titiler-cmr') return TitilerCMRTimeseries;
   }
 
   return null;
diff --git a/app/scripts/components/common/mapbox/layers/zarr-timeseries.tsx b/app/scripts/components/common/mapbox/layers/zarr-timeseries.tsx
deleted file mode 100644
index 59786cf8a..000000000
--- a/app/scripts/components/common/mapbox/layers/zarr-timeseries.tsx
+++ /dev/null
@@ -1,146 +0,0 @@
-import React, { useEffect, useMemo } from 'react';
-import qs from 'qs';
-import { RasterSource, RasterLayer } from 'mapbox-gl';
-
-import { useMapStyle } from './styles';
-
-import { ActionStatus } from '$utils/status';
-import { useZarr } from '$components/common/map/style-generators/hooks';
-
-export interface MapLayerZarrTimeseriesProps {
-  id: string;
-  stacCol: string;
-  date?: Date;
-  sourceParams?: Record<string, any>;
-  stacApiEndpoint?: string;
-  tileApiEndpoint?: string;
-  zoomExtent?: number[];
-  onStatusChange?: (result: { status: ActionStatus; id: string }) => void;
-  isHidden?: boolean;
-  idSuffix?: string;
-}
-
-interface ZarrPaintLayerProps {
-  id: string;
-  date?: Date;
-  sourceParams?: Record<string, any>;
-  tileApiEndpoint?: string;
-  zoomExtent?: number[];
-  isHidden?: boolean;
-  idSuffix?: string;
-  assetUrl: string;
-}
-
-export function ZarrPaintLayer(props: ZarrPaintLayerProps) {
-  const {
-    id,
-    tileApiEndpoint,
-    date,
-    sourceParams,
-    zoomExtent,
-    isHidden,
-    assetUrl,
-    idSuffix = ''
-  } = props;
-
-  const { updateStyle } = useMapStyle();
-
-  const [minZoom] = zoomExtent ?? [0, 20];
-
-  const generatorId = 'zarr-timeseries' + idSuffix;
-
-  // Generate Mapbox GL layers and sources for raster timeseries
-  //
-  const haveSourceParamsChanged = useMemo(
-    () => JSON.stringify(sourceParams),
-    [sourceParams]
-  );
-
-  useEffect(
-    () => {
-      if (!assetUrl) return;
-
-      const tileParams = qs.stringify({
-        url: assetUrl,
-        time_slice: date,
-        ...sourceParams
-      });
-
-      const zarrSource: RasterSource = {
-        type: 'raster',
-        url: `${tileApiEndpoint}?${tileParams}`
-      };
-
-      const zarrLayer: RasterLayer = {
-        id: id,
-        type: 'raster',
-        source: id,
-        layout: {
-          visibility: isHidden ? 'none' : 'visible'
-        },
-        paint: {
-          'raster-opacity': Number(!isHidden),
-          'raster-opacity-transition': {
-            duration: 320
-          }
-        },
-        minzoom: minZoom,
-        metadata: {
-          layerOrderPosition: 'raster'
-        }
-      };
-
-      const sources = {
-        [id]: zarrSource
-      };
-      const layers = [zarrLayer];
-
-      updateStyle({
-        generatorId,
-        sources,
-        layers
-      });
-    },
-    // sourceParams not included, but using a stringified version of it to detect changes (haveSourceParamsChanged)
-    [
-      updateStyle,
-      id,
-      date,
-      assetUrl,
-      minZoom,
-      haveSourceParamsChanged,
-      isHidden,
-      generatorId,
-      tileApiEndpoint
-    ]
-  );
-
-  //
-  // Cleanup layers on unmount.
-  //
-  useEffect(() => {
-    return () => {
-      updateStyle({
-        generatorId,
-        sources: {},
-        layers: []
-      });
-    };
-  }, [updateStyle, generatorId]);
-
-  return null;
-}
-
-export function MapLayerZarrTimeseries(props:MapLayerZarrTimeseriesProps) {
-  const {
-    id,
-    stacCol,
-    stacApiEndpoint,
-    date,
-    onStatusChange,
-  } = props;
-
-  const stacApiEndpointToUse = stacApiEndpoint?? process.env.API_STAC_ENDPOINT;
-  const assetUrl = useZarr({id, stacCol, stacApiEndpointToUse, date, onStatusChange});
-  return <ZarrPaintLayer {...props} assetUrl={assetUrl} />;
-}
\ No newline at end of file
diff --git a/app/scripts/components/exploration/components/map/layer.tsx b/app/scripts/components/exploration/components/map/layer.tsx
index 0c3c1e47f..0d7a1fdd3 100644
--- a/app/scripts/components/exploration/components/map/layer.tsx
+++ b/app/scripts/components/exploration/components/map/layer.tsx
@@ -10,6 +10,7 @@ import { RasterTimeseries } from '$components/common/map/style-generators/raster
 import { VectorTimeseries } from '$components/common/map/style-generators/vector-timeseries';
 import { ZarrTimeseries } from '$components/common/map/style-generators/zarr-timeseries';
 import { CMRTimeseries } from '$components/common/map/style-generators/cmr-timeseries';
+import { TitilerCMRTimeseries } from '$components/common/map/style-generators/titiler-cmr-timeseries';
 import { ActionStatus } from '$utils/status';
 
 interface LayerProps {
@@ -74,7 +75,7 @@ export function Layer(props: LayerProps) {
           onStatusChange={onStatusChange}
         />
       );
-    case 'cmr':
+    case 'cmr-stac':
       return (
         <CMRTimeseries
           id={layerId}
@@ -91,6 +92,21 @@ export function Layer(props: LayerProps) {
           onStatusChange={onStatusChange}
         />
       );
+      case 'titiler-cmr':
+        return (
+          <TitilerCMRTimeseries
+            id={layerId}
+            stacCol={dataset.data.stacCol}
+            stacApiEndpoint={dataset.data.stacApiEndpoint}
+            tileApiEndpoint={dataset.data.tileApiEndpoint}
+            date={relevantDate}
+            zoomExtent={params.zoomExtent}
+            sourceParams={params.sourceParams}
+            generatorOrder={order}
+            hidden={!isVisible}
+            opacity={opacity}
+          />
+        );      
     case 'raster':
       return (
         <RasterTimeseries
diff --git a/app/scripts/components/exploration/hooks/use-stac-metadata-datasets.ts b/app/scripts/components/exploration/hooks/use-stac-metadata-datasets.ts
index 6e75949db..d632df865 100644
--- a/app/scripts/components/exploration/hooks/use-stac-metadata-datasets.ts
+++ b/app/scripts/components/exploration/hooks/use-stac-metadata-datasets.ts
@@ -81,7 +81,8 @@ async function fetchStacDatasetById(
 
   const commonTimeseriesParams = {
     isPeriodic: !!data['dashboard:is_periodic'],
-    timeDensity: data['dashboard:time_density'] || TimeDensity.DAY
+    // priority is given to time density in dataset configuration, then metadata in STAC, and falling back to DAY if neither is present
+    timeDensity: time_density || data['dashboard:time_density'] || TimeDensity.DAY
   };
 
   if (type === 'vector') {
@@ -94,25 +95,17 @@ async function fetchStacDatasetById(
       ...commonTimeseriesParams,
       domain: featuresApiData.extent.temporal.interval[0]
     };
-  } else if (type === 'cmr') {
-    const domain = data.summaries?.datetime?.[0]
-      ? data.summaries.datetime
-      : data.extent.temporal.interval[0];
-    const domainStart = domain[0];
-
-    // CMR STAC returns datetimes with `null` as the last value to indicate ongoing data.
-    const lastDatetime = domain[domain.length - 1] || new Date().toISOString();
-    // CMR STAC misses the dashboard specific attributes, shim these values
-    return {
-      isPeriodic: true,
-      timeDensity: time_density ?? TimeDensity.DAY,
-      domain: [domainStart, lastDatetime]
-    };
   } else {
     const domain = data.summaries?.datetime?.[0]
       ? data.summaries.datetime
       : data.extent.temporal.interval[0];
 
+    // STAC may return datetimes with `null` as the last value to indicate ongoing data.
+    const domain_length = domain.length;
+    if (domain[domain_length - 1] == null) {
+      domain[domain_length - 1] = new Date().toISOString();
+    }
+
     if (!domain?.length || domain.some((d) => !d)) {
       throw new Error('Invalid datetime domain');
     }
diff --git a/app/scripts/components/exploration/index.tsx b/app/scripts/components/exploration/index.tsx
index d50b55512..7e45ad046 100644
--- a/app/scripts/components/exploration/index.tsx
+++ b/app/scripts/components/exploration/index.tsx
@@ -11,6 +11,7 @@ import { useAnalysisController } from './hooks/use-analysis-data-request';
 import { TimelineDataset } from './types.d.ts';
 import { selectedCompareDateAtom, selectedDateAtom } from './atoms/dates';
 import { CLEAR_LOCATION, urlAtom } from '$utils/params-location-atom/url';
+import { de } from 'date-fns/locale';
 
 const Container = styled.div`
   display: flex;
diff --git a/app/scripts/context/layer-data.tsx b/app/scripts/context/layer-data.tsx
index d408b7611..b55662d3c 100644
--- a/app/scripts/context/layer-data.tsx
+++ b/app/scripts/context/layer-data.tsx
@@ -52,25 +52,14 @@ const fetchLayerById = async (
         domain: featuresApiData.extent.temporal.interval[0]
       }
     };
-  } else if (type === 'cmr') {
-    const domain = data.summaries?.datetime?.[0]
-      ? data.summaries.datetime
-      : data.extent.temporal.interval[0];
-    const domainStart = domain[0];
-
-    // CMR STAC returns datetimes with `null` as the last value to indicate ongoing data.
-    const lastDatetime = domain[domain.length - 1] ||  new Date().toISOString();
-
-    return {
-      timeseries: {
-        ...commonTimeseriesParams,
-        domain: [domainStart, lastDatetime]
-      }
-    };
   } else {
     const domain = data.summaries?.datetime?.[0]
       ? data.summaries.datetime
       : data.extent.temporal.interval[0];
+    const domain_length = domain.length;
+    if (domain[domain_length - 1] == null) {
+      domain[domain_length - 1] = new Date().toISOString();
+    }
 
     if (domain.some((d) => !d)) {
       throw new Error('Invalid datetime domain');
diff --git a/mock/datasets/GPM_3IMERGDF.data.mdx b/mock/datasets/GPM_3IMERGDF.data.mdx
deleted file mode 100644
index df4fc6be7..000000000
--- a/mock/datasets/GPM_3IMERGDF.data.mdx
+++ /dev/null
@@ -1,60 +0,0 @@
----
-id: GPM_3IMERGDF.v07
-name: 'GPM IMERG Daily Precipitation'
-description: "GPM IMERG Final Precipitation L3 1 day 0.1 degree x 0.1 degree"
-media:
-  src: ::file ./gpmimergdaily.png
-  alt: CMIP6 Near-Surface Air Temperature Screenshot
-  author:
-    name: NASA
-    url:   
-taxonomy:
-  - name: Topics
-    values:
-      - Climate
-layers:
-  - id: GPM_3IMERGDF.v07
-    type: cmr
-    stacApiEndpoint: 'https://cmr.earthdata.nasa.gov/cloudstac/GES_DISC'
-    tileApiEndpoint: 'https://prod-titiler-xarray.delta-backend.com/tilejson.json'
-    stacCol: GPM_3IMERGDF.v07
-    assetUrlReplacements:
-      from: https://data.gesdisc.earthdata.nasa.gov/data
-      to: s3://gesdisc-cumulus-prod-protected
-    name: GPM IMERG Final Precipitation L3 1 day 0.1 degree x 0.1 degree
-    description: "GPM Level 3 IMERG Final Daily 10 x 10 km (GPM_3IMERGDF) accumulated precipitation"
-    time_density: day
-    zoomExtent:
-      - 0
-      - 20
-    sourceParams:
-      resampling_method: bilinear
-      variable: precipitation
-      colormap_name: gnbu
-      rescale: 0,46
-      maxzoom: 12
-    legend:
-      unit: 
-        label: 
-      type: gradient
-      min: "0 mm/hr"
-      max: "46 mm/hr"
-      stops: ['#f7fcf0', '#e6f5e1', '#d7efd1', '#c5e8c2', '#abdeb6', '#8bd2bf', '#6bc3c9', '#4bafd1', '#3193c2', '#1878b4', '#085da0', '#084081']
----
-
-<Block>
-<Prose>
-# GPM IMERG Final Precipitation L3 1 day 0.1 degree x 0.1 degree V06 (GPM_3IMERGDF)
-
-## Dataset Description
-
-This dataset is the GPM Level 3 IMERG *Final* Daily 10 x 10 km (GPM_3IMERGDF) derived from the half-hourly GPM_3IMERGHH. The derived result represents the Final estimate of the daily mean precipitation rate in mm/day. The dataset is produced by first computing the mean precipitation rate in (mm/hour) in every grid cell, and then multiplying the result by 24.
-
-Source: [https://disc.gsfc.nasa.gov/datasets/GPM_3IMERGDF_07/summary](https://disc.gsfc.nasa.gov/datasets/GPM_3IMERGDF_07/summary)
-
-## Data Source
-
-The files represented are NetCDF files in GES DISC's Earthdata Cloud bucket and discovered from the CMR STAC entries for this collection: https://cmr.earthdata.nasa.gov/cloudstac/GES_DISC/collections/GPM_3IMERGDF.v07. The daily product is not yet available in CMR's CLOUD STAC.
-
-</Prose>
-</Block>
diff --git a/mock/datasets/GPM_3IMERGDF_07-jet.png b/mock/datasets/GPM_3IMERGDF_07-jet.png
new file mode 100644
index 000000000..f10de5578
Binary files /dev/null and b/mock/datasets/GPM_3IMERGDF_07-jet.png differ
diff --git a/mock/datasets/GPM_3IMERGDF_07-ticmr.data.mdx b/mock/datasets/GPM_3IMERGDF_07-ticmr.data.mdx
new file mode 100644
index 000000000..9efa635f3
--- /dev/null
+++ b/mock/datasets/GPM_3IMERGDF_07-ticmr.data.mdx
@@ -0,0 +1,69 @@
+---
+id: GPM_3IMERGDF.07
+name: 'GPM IMERG Final Precipitation L3 1 day 0.1 degree x 0.1 degree V07 (GPM_3IMERGDF) at GES DISC'
+description: 'This dataset is the GPM Level 3 IMERG  *Final* Daily  10 x 10 km (GPM_3IMERGDF) derived from the half-hourly GPM_3IMERGHH.  The derived result represents the Final estimate of the daily mean precipitation rate in mm/day.'
+media:
+  src: ::file ./GPM_3IMERGDF_07-jet.png
+  alt:
+  author:
+    name: NASA
+    url:
+taxonomy:
+  - name: Topics
+    values:
+      - Climate
+layers:
+  - id: GPM_3IMERGDF
+    stacApiEndpoint: 'https://staging-stac.delta-backend.com'
+    tileApiEndpoint: 'https://dev-titiler-cmr.delta-backend.com/WebMercatorQuad/tilejson.json'
+    stacCol: GPM_3IMERGDF
+    name: GPM_3IMERGDF
+    type: titiler-cmr
+    time_density: day
+    zoomExtent:
+      - 0
+      - 20
+    sourceParams:
+      variable: precipitation
+      colormap_name: jet
+    analysis:
+      exclude: true
+    legend:
+      unit:
+        label:
+      type: gradient
+      min: '0 mm/hr'
+      max: '48 mm/hr'
+      stops:
+        [
+          '#000080',
+          '#0000e8',
+          '#0038ff',
+          '#0094ff',
+          '#0cf4eb',
+          '#56ffa0',
+          '#a0ff56',
+          '#ebff0c',
+          '#ffab00',
+          '#ff5500',
+          '#e80000',
+          '#800000'
+        ]
+---
+
+<Block>
+<Prose>
+# GPM IMERG Final Precipitation L3 1 day 0.1 degree x 0.1 degree V07 (GPM_3IMERGDF) at GES DISC
+
+## Dataset Description
+
+This dataset is the GPM Level 3 IMERG _Final_ Daily 10 x 10 km (GPM_3IMERGDF) derived from the half-hourly GPM_3IMERGHH. The derived result represents the Final estimate of the daily mean precipitation rate in mm/day. The dataset is produced by first computing the mean precipitation rate in (mm/hour) in every grid cell, and then multiplying the result by 24. This minimizes the possible dry bias in versions before "07", in the simple daily totals for cells where less than 48 half-hourly observations are valid for the day. The latter under-sampling is very rare in the combined microwave-infrared and rain gauge dataset, variable "precipitation", and appears in higher latitudes. Thus, in most cases users of global "precipitation" data will not notice any difference. This correction, however, is noticeable in the high-quality microwave retrieval, variable "MWprecipitation", where the occurrence of less than 48 valid half-hourly samples per day is very common. The counts of the valid half-hourly samples per day have always been provided as a separate variable, and users of daily data were advised to pay close attention to that variable and use it to calculate the correct precipitation daily rates. Starting with version "07", this is done in production to minimize possible misinterpretations of the data. The counts are still provided in the data, but they are only given to gauge the significance of the daily rates, and reconstruct the simple totals if someone wishes to do so.
+
+Source: [https://disc.gsfc.nasa.gov/datasets/GPM_3IMERGDF_07/summary](https://disc.gsfc.nasa.gov/datasets/GPM_3IMERGDF_07/summary)
+
+## Data Source
+
+The files represented are NetCDF files in GES DISC's Earthdata Cloud bucket, tiled using [titiler-cmr](https://github.com/developmentseed/titiler-cmr).
+
+</Prose>
+</Block>
diff --git a/mock/datasets/MUR-JPL-L4-GLOB-v4_1.data.mdx b/mock/datasets/MUR-JPL-L4-GLOB-v4_1.data.mdx
new file mode 100644
index 000000000..086b384fd
--- /dev/null
+++ b/mock/datasets/MUR-JPL-L4-GLOB-v4_1.data.mdx
@@ -0,0 +1,68 @@
+---
+id: MUR-JPL-L4-GLOB-v4_1
+name: 'Multiscale Ultrahigh Resolution (MUR) Sea Surface Temperature (SST) Level 4 Version 4.1'
+description: 'The Group for High Resolution Sea Surface Temperature (GHRSST) Level 4 sea surface temperature analysis is produced as a retrospective dataset (four day latency) and near-real-time dataset (one day latency) at the JPL Physical Oceanography DAAC.'
+media:
+  src: ::file ./MUR-JPL-L4-GLOB-v4_1.png
+  author:
+    name: NASA
+    url:
+taxonomy:
+  - name: Topics
+    values:
+      - Climate
+layers:
+  - id: MUR-JPL-L4-GLOB-v4_1
+    type: titiler-cmr
+    stacApiEndpoint: 'https://staging-stac.delta-backend.com'
+    tileApiEndpoint: 'https://dev-titiler-cmr.delta-backend.com/WebMercatorQuad/tilejson.json'
+    stacCol: MUR-JPL-L4-GLOB-v4_1
+    name: Multiscale Ultrahigh Resolution (MUR) Sea Surface Temperature (SST) Level 4 Version 4.1
+    description: Multiscale Ultrahigh Resolution (MUR) Sea Surface Temperature (SST) Level 4 Version 4.1
+    time_density: day
+    zoomExtent:
+      - 0
+      - 20
+    sourceParams:
+      variable: analysed_sst
+    legend:
+      unit:
+        label:
+      type: gradient
+      min: '0 mm/hr'
+      max: '46 mm/hr'
+      stops:
+        [
+          '#8000ff',
+          '#5247fc',
+          '#2489f5',
+          '#0ac0e8',
+          '#3ae8d6',
+          '#68fcc1',
+          '#96fca7',
+          '#c4e88a',
+          '#f4c069',
+          '#ff8947',
+          '#ff4724',
+          '#ff0000'
+        ]
+---
+
+<Block>
+<Prose>
+# Multiscale Ultrahigh Resolution (MUR) Sea Surface Temperature (SST) Level 4 Version 4.1
+
+## Dataset Description
+
+The Multi-scale Ultra-high Resolution (MUR) Sea Surface Temperature (SST) Analyses is part of the NASA Making Earth System Data Records for Use in Research Environments (MEaSUREs) Program. MEaSUREs, develops consistent global- and continental-scale Earth System Data Records by supporting projects that produce data using proven algorithms and input.
+
+SST has been observed by satellite instruments since September 1981 and is one of the longest satellite-based records of any Earth climate variable. Measurements from the different satellite sensors need to be calibrated with each other in order to produce an SST Climate Data Record (CDR) that is consistent both in space and time. The microwave (MW) sensors typically have coarser resolutions on the order of 25 km compared to infrared (IR) sensors that can resolve down to 1-km scales. The Figure below illustrates differences in SST using various spatial resolutions, with greater detail observed at higher resolutions. On the other hand, IR-based measurements are prone to data-voids due to cloud contamination, which does not affect MW sensors nearly as much. Combination of these datasets can thus be complementary, contributing to accuracy of the blended SST maps. The objective for creating the MUR SST is to develop a coherent and consistent daily map of SST at the highest spatial (horizontal) resolution possible.
+
+Source: [https://podaac.jpl.nasa.gov/MEaSUREs-MUR](https://podaac.jpl.nasa.gov/MEaSUREs-MUR)
+
+## Data Source
+
+The files represented are NetCDF files in PO.DAAC's Earthdata Cloud bucket and tiled using [titiler-cmr](https://github.com/developmentseed/titiler-cmr).
+
+</Prose>
+</Block>
diff --git a/mock/datasets/MUR-JPL-L4-GLOB-v4_1.png b/mock/datasets/MUR-JPL-L4-GLOB-v4_1.png
new file mode 100644
index 000000000..b6852467a
Binary files /dev/null and b/mock/datasets/MUR-JPL-L4-GLOB-v4_1.png differ
diff --git a/mock/datasets/TRMM_3B42_Daily.data.mdx b/mock/datasets/TRMM_3B42_Daily.data.mdx
index 9caf9750a..f815f2738 100644
--- a/mock/datasets/TRMM_3B42_Daily.data.mdx
+++ b/mock/datasets/TRMM_3B42_Daily.data.mdx
@@ -1,13 +1,13 @@
 ---
 id: TRMM_3B42_Daily
 name: 'Daily accumulated precipitation from the TRMM Multi-Satellite'
-description: "Daily accumulated precipitation product generated from the research-quality 3-hourly TRMM Multi-Satellite Precipitation Analysis TMPA (3B42)"
+description: 'Daily accumulated precipitation product generated from the research-quality 3-hourly TRMM Multi-Satellite Precipitation Analysis TMPA (3B42)'
 media:
   src: ::file ./trmm.png
   alt: CMIP6 Near-Surface Air Temperature Screenshot
   author:
     name: NASA
-    url:   
+    url:
 taxonomy:
   - name: Topics
     values:
@@ -18,12 +18,12 @@ layers:
     tileApiEndpoint: 'https://prod-titiler-xarray.delta-backend.com/tilejson.json'
     stacCol: TRMM_3B42_Daily.v7
     name: TRMM_3B42_Daily
-    type: cmr
+    type: cmr-stac
     time_density: day
     assetUrlReplacements:
       from: https://data.gesdisc.earthdata.nasa.gov/data
       to: s3://gesdisc-cumulus-prod-protected
-    description: "Daily accumulated precipitation product generated from the research-quality 3-hourly TRMM Multi-Satellite Precipitation Analysis TMPA (3B42)"
+    description: 'Daily accumulated precipitation product generated from the research-quality 3-hourly TRMM Multi-Satellite Precipitation Analysis TMPA (3B42)'
     zoomExtent:
       - 0
       - 20
@@ -36,12 +36,26 @@ layers:
     analysis:
       exclude: true
     legend:
-      unit: 
-        label: 
+      unit:
+        label:
       type: gradient
-      min: "0 mm/hr"
-      max: "46 mm/hr"
-      stops: ['#f7fcf0', '#e6f5e1', '#d7efd1', '#c5e8c2', '#abdeb6', '#8bd2bf', '#6bc3c9', '#4bafd1', '#3193c2', '#1878b4', '#085da0', '#084081']
+      min: '0 mm/hr'
+      max: '46 mm/hr'
+      stops:
+        [
+          '#f7fcf0',
+          '#e6f5e1',
+          '#d7efd1',
+          '#c5e8c2',
+          '#abdeb6',
+          '#8bd2bf',
+          '#6bc3c9',
+          '#4bafd1',
+          '#3193c2',
+          '#1878b4',
+          '#085da0',
+          '#084081'
+        ]
 ---
 
 <Block>
@@ -50,13 +64,13 @@ layers:
 
 ## Dataset Description
 
-This daily accumulated precipitation product is generated from the research-quality 3-hourly TRMM Multi-Satellite Precipitation Analysis TMPA (3B42). It is produced at the NASA GES DISC, as a value added product. Simple summation of valid retrievals in a grid cell is applied for the data day. The result is given in (mm). The beginning and ending time for every daily granule are listed in the file global attributes, and are taken correspondingly from the first and the last 3-hourly granules participating in the aggregation. Thus the time period covered by one daily granule amounts to 24 hours, which can be inspected in the file global attributes. 
+This daily accumulated precipitation product is generated from the research-quality 3-hourly TRMM Multi-Satellite Precipitation Analysis TMPA (3B42). It is produced at the NASA GES DISC, as a value added product. Simple summation of valid retrievals in a grid cell is applied for the data day. The result is given in (mm). The beginning and ending time for every daily granule are listed in the file global attributes, and are taken correspondingly from the first and the last 3-hourly granules participating in the aggregation. Thus the time period covered by one daily granule amounts to 24 hours, which can be inspected in the file global attributes.
 
 Source: [https://disc.gsfc.nasa.gov/datasets/TRMM_3B42_Daily_7/summary](https://disc.gsfc.nasa.gov/datasets/TRMM_3B42_Daily_7/summary)
 
 ## Data Source
 
-The files represented are NetCDF files in GES DISC's Earthdata Cloud bucket and discovered from the CMR STAC entry for this dataset: https://cmr.earthdata.nasa.gov/cloudstac/GES_DISC/collections/TRMM_3B42_Daily.v7. 
+The files represented are NetCDF files in GES DISC's Earthdata Cloud bucket and discovered from the CMR STAC entry for this dataset: https://cmr.earthdata.nasa.gov/cloudstac/GES_DISC/collections/TRMM_3B42_Daily.v7.
 
 </Prose>
 </Block>
diff --git a/mock/datasets/cmip6-tas.data.mdx b/mock/datasets/cmip6-tas.data.mdx
new file mode 100644
index 000000000..d7575430c
--- /dev/null
+++ b/mock/datasets/cmip6-tas.data.mdx
@@ -0,0 +1,82 @@
+---
+id: combined_CMIP6_daily_GISS-E2-1-G_tas_kerchunk_DEMO
+name: 'CMIP6 Daily GISS-E2-1-G Near-Surface Air Temperature (demo subset)'
+featured: false
+description: 'Daily near-surface air temperature from the NASA Earth Exchange Global Daily Downscaled Projections (NEX-GDDP-CMIP6) Project.'
+media:
+  src: ::file ./cmip6-tas.png
+  alt: CMIP6 Near-Surface Air Temperature Screenshot
+  author:
+    name: NASA
+    url:
+taxonomy:
+  - name: Topics
+    values:
+      - Climate
+layers:
+  - id: combined_CMIP6_daily_GISS-E2-1-G_tas_kerchunk_DEMO
+    stacCol: combined_CMIP6_daily_GISS-E2-1-G_tas_kerchunk_DEMO
+    name: CMIP6 Daily GISS-E2-1-G Near-Surface Air Temperature (demo subset)
+    type: zarr
+    tileApiEndpoint: 'https://prod-titiler-xarray.delta-backend.com/tilejson.json'
+    description: 'Historical (1950-2014) daily-mean near-surface (usually, 2 meter) air temperature in Kelvin.'
+    zoomExtent:
+      - 0
+      - 20
+    sourceParams:
+      reference: 'true'
+      resampling_method: bilinear
+      variable: tas
+      colormap_name: coolwarm
+      rescale: 232,312
+      maxzoom: 12
+    legend:
+      unit:
+        label: K
+      type: gradient
+      min: 232
+      max: 312
+      stops:
+        - '#3b4cc0'
+        - '#7b9ff9'
+        - '#c0d4f5'
+        - '#f2cbb7'
+        - '#ee8468'
+        - '#b40426'
+---
+
+<Block>
+<Prose>
+# NASA Earth Exchange Global Daily Downscaled Projections (NEX-GDDP-CMIP6)
+
+The NEX-GDDP-CMIP6 dataset provide a set of global, high resolution, bias-corrected climate change projections that can be used to evaluate climate change impacts on processes that are sensitive to finer-scale climate gradients and the effects of local topography on climate conditions.
+
+NEX-GDDP-CMIP6 is comprised of global downscaled climate scenarios derived from the General Circulation Model (GCM) runs conducted under the Coupled Model Intercomparison Project Phase 6 (CMIP6) and across all four “Tier 1” greenhouse gas emissions scenarios known as Shared Socioeconomic Pathways (SSPs). The CMIP6 GCM runs were developed in support of the Sixth Assessment Report of the Intergovernmental Panel on Climate Change (IPCC AR6). This dataset includes downscaled projections from ScenarioMIP model runs for which daily scenarios were produced and distributed through the Earth System Grid Federation.
+
+### Summary
+
+- Format: [kerchunk (metadata)](https://fsspec.github.io/kerchunk/) for netCDF4
+- Spatial Coverage: 180° W to 180° E, 60° S to 90° N
+- Temporal: 1950-01-01 to 1951-12-31
+  - _As noted below, this dataset is a subset all available data. The full dataset includes data from 1950 to 2100._
+- Data Resolution:
+  - Latitude Resolution: 0.25 degrees (25 km)
+  - Longitude Resolution: 0.25 degrees (25 km)
+  - Temporal Resolution: daily
+
+Source: [https://www.nccs.nasa.gov/services/data-collections/land-based-products/nex-gddp-cmip6](https://www.nccs.nasa.gov/services/data-collections/land-based-products/nex-gddp-cmip6)
+
+## AWS Public Dataset
+
+There are 2 datasets listed on the AWS Registry of Open Data for [NEX-GDDP-CMIP6](https://registry.opendata.aws/nex-gddp-cmip6/). First, there is an archive of NetCDF files from about 35 different climate models, each supplying historical and predicted values for up to 9 environment variables, daily, from 1950 to 2100. Second, there is an archive of COGs generated from the corresponding NetCDFs to support visualization via dynamic tiling using COGs. COGs are only available for 2 models. The COG archive also includes monthly aggregatations across those models.
+
+## Dataset Preparation
+
+### This dataset represents a subset of NEX-GDDP-CMIP6
+
+VEDA is hosting a single JSON file which references a subset of the NEX-GDDP-CMIP6 data in NetCDF. We used the [kerchunk](https://fsspec.github.io/kerchunk/) python library to create a JSON file - often called a reference file - which is an index of the chunks of the data stored in the original [NetCDF](https://www.unidata.ucar.edu/software/netcdf/) files. This can be considered a "virtual" Zarr dataset. The virtual Zarr dataset (aka the kerchunk reference file) is used by a dynamic tiling library ([titiler-xarray](https://github.com/developmentseed/titiler-xarray)) to create image tiles from the underlying data. The indexes were generated for the near-surface air temperature variable (TAS) for years 1950-2014, the historical extent of the NEX-GDDP-CMIP6 project.
+
+We are using these methods to demonstrate a method for visualizing a "virtual" Zarr dataset which allows for dynamic visualization without having to create and maintain any additional copies of data.
+
+</Prose>
+</Block>
diff --git a/mock/datasets/cmip6-tas.png b/mock/datasets/cmip6-tas.png
new file mode 100644
index 000000000..d9d286d60
Binary files /dev/null and b/mock/datasets/cmip6-tas.png differ
diff --git a/mock/datasets/gpmimergdaily.png b/mock/datasets/gpmimergdaily.png
deleted file mode 100644
index e03e5722a..000000000
Binary files a/mock/datasets/gpmimergdaily.png and /dev/null differ
diff --git a/parcel-resolver-veda/index.d.ts b/parcel-resolver-veda/index.d.ts
index 893801aac..8b77c5819 100644
--- a/parcel-resolver-veda/index.d.ts
+++ b/parcel-resolver-veda/index.d.ts
@@ -7,7 +7,7 @@ declare module 'veda' {
   // ///////////////////////////////////////////////////////////////////////////
   //  Datasets                                                                //
   // ///////////////////////////////////////////////////////////////////////////
-  type DatasetLayerType = 'raster' | 'vector' | 'zarr'| 'cmr';
+  type DatasetLayerType = 'raster' | 'vector' | 'zarr'| 'cmr-stac' | 'titiler-cmr';
 
   //
   // Dataset Layers