由JSON文件生成欧拉图

上传JSON文件:

选择主题:

图例:

编辑自定义主题

请在下方文本框中定义 [data-theme="Custom"] { ... } CSS 规则，并包含以下自定义属性 (可以使用任何有效的CSS颜色值):

                [data-theme="Custom"] {
                    --color-object: oklch(80% 0.1 150);  /* 对象背景色, 例如: oklch, hsl, #RRGGBB, rgba(), colorname */
                    --color-array: rgba(190, 210, 230, 0.7); /* 数组背景色 */
                    --color-string: #0074D9;             /* 字符串背景色 */
                    --color-number: plum;                /* 数字背景色 */
                    --color-boolean-true: limegreen;     /* 布尔值(true)背景色 */
                    --color-boolean-false: tomato;       /* 布尔值(false)背景色 */
                    --color-null: slategray;             /* Null值背景色 */
                
                    --color-text: oklch(20% 0.05 270);   /* 主要文本颜色 */
                    --color-viz-background: #fafafa;     /* 可视化区域背景色 */
                
                    /* 可选: 为容器标签定义不同的背景色 (如果未提供, SVG rect 将尝试使用对应类型的颜色) */
                    --color-object-label-bg: oklch(85% 0.08 150);
                    --color-array-label-bg: rgba(200, 220, 240, 0.85);
                }