@antv/thumbnails
Version:
Thumbnails of Chart Types.
10 lines • 3.46 kB
JavaScript
"use strict";
// heatmap
Object.defineProperty(exports, "__esModule", { value: true });
var HEATMAP = {
id: 'heatmap',
name: 'Heatmap',
svgCode: '<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" style="width:200px;height:200px;vertical-align:middle" display="inline-block"><path fill="transparent" d="M0 0h200v200H0z"/><g fill="none" stroke="#f0f0f0" stroke-dasharray="null"><path d="M60 180V20M100 180V20M140 180V20"/><g><path d="M20 157.143h160M20 134.286h160M20 111.429h160M20 88.571h160M20 65.714h160M20 42.857h160"/></g></g><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="middle"><text x="40" y="188" alignment-baseline="before-edge">A</text><text x="80" y="188" alignment-baseline="before-edge">B</text><text x="120" y="188" alignment-baseline="before-edge">C</text><text x="160" y="188" alignment-baseline="before-edge">D</text></g><g fill="#8C8C8C" font-family=""Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"" font-size="12" paint-order="stroke" text-anchor="end"><text x="12" y="168.571" alignment-baseline="central">4</text><text x="12" y="145.714" alignment-baseline="central">5</text><text x="12" y="122.857" alignment-baseline="central">6</text><text x="12" y="100" alignment-baseline="central">7</text><text x="12" y="77.143" alignment-baseline="central">8</text><text x="12" y="54.286" alignment-baseline="central">9</text><text x="12" y="31.429" alignment-baseline="central">10</text></g><g><g fill-opacity=".95" stroke="#fff" stroke-width="4"><path fill="#436fd4" d="M20 180v-22.857h40V180H20z"/><path fill="#b8d5ff" d="M60 180v-22.857h40V180H60zM100 180v-22.857h40V180h-40zM140 180v-22.857h40V180h-40zM20 157.143v-22.857h40v22.857H20z"/><path fill="#4d7ce3" d="M60 157.143v-22.857h40v22.857H60z"/><path fill="#b8d5ff" d="M100 157.143v-22.857h40v22.857h-40zM140 157.143v-22.857h40v22.857h-40z"/><path fill="#6496fa" d="M20 134.286v-22.857h40v22.857H20z"/><path fill="#d9e9ff" d="M60 134.286v-22.857h40v22.857H60z"/><path fill="#97bfff" d="M100 134.286v-22.857h40v22.857h-40zM140 134.286v-22.857h40v22.857h-40z"/><path fill="#d9e9ff" d="M20 111.429V88.57h40v22.858H20z"/><path fill="#b8d5ff" d="M60 111.429V88.57h40v22.858H60z"/><path fill="#97bfff" d="M100 111.429V88.57h40v22.858h-40z"/><path fill="#b8d5ff" d="M140 111.429V88.57h40v22.858h-40z"/><path fill="#d9e9ff" d="M20 88.571V65.714h40v22.857H20z"/><path fill="#4d7ce3" d="M60 88.571V65.714h40v22.857H60z"/><path fill="#b8d5ff" d="M100 88.571V65.714h40v22.857h-40z"/><path fill="#4d7ce3" d="M140 88.571V65.714h40v22.857h-40z"/><path fill="#97bfff" d="M20 65.714V42.857h40v22.857H20z"/><path fill="#b8d5ff" d="M60 65.714V42.857h40v22.857H60z"/><path fill="#97bfff" d="M100 65.714V42.857h40v22.857h-40z"/><path fill="#6496fa" d="M140 65.714V42.857h40v22.857h-40z"/><path fill="#b8d5ff" d="M20 42.857V20h40v22.857H20z"/><path fill="#4d7ce3" d="M60 42.857V20h40v22.857H60zM100 42.857V20h40v22.857h-40z"/><path fill="#b8d5ff" d="M140 42.857V20h40v22.857h-40z"/></g></g></svg>',
};
exports.default = HEATMAP;
//# sourceMappingURL=heatmap.js.map