diff --git a/docs/reference.md b/docs/reference.md
index 86096f681..9cb17c485 100644
--- a/docs/reference.md
+++ b/docs/reference.md
@@ -167,7 +167,7 @@ This style shows the stroke of each cell with different colors, widths, shapes a
 
 This style shows the grid cells in a [Tanaka style](http://wiki.gis.com/wiki/index.php/Tanaka_contours), that is with discrete colors and a shadow effect.
 
-TODO: upgrade and add doc.
+- See [this example](https://eurostat.github.io/gridviz/examples/styles/tanaka.html) ([code](https://github.com/eurostat/gridviz/blob/master/examples/styles/tanaka.html)).
 
 ### Dot density style
 
diff --git a/examples/styles/tanaka_full.html b/examples/styles/tanaka_full.html
deleted file mode 100644
index 95059d380..000000000
--- a/examples/styles/tanaka_full.html
+++ /dev/null
@@ -1,81 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" style="height: 100%">
-    <head>
-        <meta name="viewport" content="maximum-scale=1.0, user-scalable=no" />
-        <title>Gridviz - Tanaka style</title>
-
-        <style>
-            @font-face {
-                font-family: mfLeg;
-                src: url(https://raw.githubusercontent.com/eurostat/gridviz/master/assets/font/VeritasSans.woff);
-            }
-        </style>
-    </head>
-
-    <body style="margin: 0; height: 100%; font-family: Arial, Helvetica, sans-serif; overflow: hidden">
-        <div id="viz-container" style="height: 100%; width: 100%"></div>
-
-        <script src="../../dist/gridviz.js"></script>
-        <script src="https://cdn.jsdelivr.net/npm/gridviz-eurostat@1.0.0"></script>
-        <script src="https://cdn.jsdelivr.net/npm/d3-color@3"></script>
-        <script src="https://cdn.jsdelivr.net/npm/d3-interpolate@3"></script>
-        <script src="https://cdn.jsdelivr.net/npm/d3-scale-chromatic@3"></script>
-        <script>
-            let containerDiv = document.getElementById('viz-container')
-
-            new gridviz.Map(containerDiv)
-                .setGeoCenter({ x: 4000000, y: 2960000 })
-                .setZoom(1000)
-                .setZoomExtent([30, 7000])
-                .setViewFromURL()
-
-                .setBackgroundColor('black')
-
-                .setLabelLayer(
-                    gviz_es.getEuronymeLabelLayer('EUR', 50, {
-                        ex: 2,
-                        fontFamily: 'mfLeg',
-                        exSize: 0.9,
-                        color: () => 'black',
-                        haloColor: () => '#ffffff',
-                        haloWidth: () => 3,
-                    })
-                )
-                .setBoundaryLayer(
-                    gviz_es.getEurostatBoundariesLayer({
-                        scale: '10M',
-                        col: '#fff5',
-                        lineDash: () => [],
-                    })
-                )
-
-                .addMultiScaleTiledGridLayer(
-                    [1000, 2000, 5000, 10000, 20000, 50000, 100000],
-                    (r) =>
-                        'https://raw.githubusercontent.com/jgaffuri/tiledgrids/main/data/europe/population2/' +
-                        r +
-                        'm/',
-                    gridviz.TanakaStyle.get('TOT_P_2021', {
-                        tFun: (v, r, s, z) => gridviz.sExpRev((v - s.min) / (s.max - s.min), -7),
-                        nb: 6,
-                        color: (t) => d3.interpolateInferno(t * 0.9 + 0.1),
-                        colDark: '#333',
-                    }),
-                    {
-                        minPixelsPerCell: 6,
-                        cellInfoHTML: (c) => '<b>' + c.TOT_P_2021 + '</b> inhabitant(s)',
-                    }
-                )
-
-                .addBackgroundLayer({
-                    url: 'https://gisco-services.ec.europa.eu/maps/tiles/GreyEarth/EPSG3035/',
-                    resolutions: [
-                        156543.03392804097, 78271.51696402048, 39135.75848201024, 19567.87924100512,
-                        9783.93962050256, 4891.96981025128, 2445.98490512564,
-                    ],
-                    origin: [0, 6000000],
-                    filterColor: (z) => '#000000e1',
-                })
-        </script>
-    </body>
-</html>
