|
1 | 1 | <figure style="max-width: initial;">
|
2 |
| - <div class="plot" style=" |
| 2 | + <div class="plot plot-palette" style=" |
3 | 3 | --swatchWidth: 15px;
|
4 | 4 | --swatchHeight: 15px;
|
5 | 5 | ">
|
|
11 | 11 | margin-left: 0px;
|
12 | 12 | }
|
13 | 13 |
|
14 |
| - .plot-title { |
15 |
| - font-weight: bold; |
16 |
| - display: block; |
17 |
| - margin-bottom: 0.4em; |
18 |
| - } |
19 |
| - |
20 | 14 | .plot-swatch>svg {
|
21 | 15 | width: var(--swatchWidth);
|
22 | 16 | height: var(--swatchHeight);
|
|
41 | 35 | align-items: center;
|
42 | 36 | margin-right: 1em;
|
43 | 37 | }
|
44 |
| - </style> |
45 |
| - <div class="plot-palette"><span class="plot-swatch"><svg viewBox="-8 -8 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
46 |
| - <path d="M4.5,0A4.5,4.5,0,1,1,-4.5,0A4.5,4.5,0,1,1,4.5,0"></path> |
47 |
| - </svg>FEMALE</span><span class="plot-swatch"><svg viewBox="-8 -8 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
48 |
| - <path d="M-6.873088769818877,0L6.873088769818877,0M0,6.873088769818877L0,-6.873088769818877"></path> |
49 |
| - </svg>MALE</span><span class="plot-swatch"><svg viewBox="-8 -8 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
50 |
| - <path d="M-4.869970345289333,-4.869970345289333L4.869970345289333,4.869970345289333M-4.869970345289333,4.869970345289333L4.869970345289333,-4.869970345289333"></path> |
51 |
| - </svg>null</span></div> |
| 38 | + </style><span class="plot-swatch"><svg viewBox="-8 -8 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
| 39 | + <path d="M4.5,0A4.5,4.5,0,1,1,-4.5,0A4.5,4.5,0,1,1,4.5,0"></path> |
| 40 | + </svg>FEMALE</span><span class="plot-swatch"><svg viewBox="-8 -8 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
| 41 | + <path d="M-6.873088769818877,0L6.873088769818877,0M0,6.873088769818877L0,-6.873088769818877"></path> |
| 42 | + </svg>MALE</span><span class="plot-swatch"><svg viewBox="-8 -8 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
| 43 | + <path d="M-4.869970345289333,-4.869970345289333L4.869970345289333,4.869970345289333M-4.869970345289333,4.869970345289333L4.869970345289333,-4.869970345289333"></path> |
| 44 | + </svg>null</span> |
52 | 45 | </div><svg class="plot-2" fill="currentColor" font-family="system-ui, sans-serif" font-size="10" text-anchor="middle" width="640" height="400" viewBox="0 0 640 400" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
53 | 46 | <style>
|
54 | 47 | .plot-2 {
|
|
0 commit comments