Add SVG files for treemap and pie chart visualizations in original and Ukrainian versions

src/images/piechart-original.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="marks" width="810" height="430" viewBox="0 0 810 430"><rect width="810" height="430" fill="white"/><g fill="none" stroke-miterlimit="10" transform="translate(5,25)"><g class="mark-group role-frame root" role="graphics-object" aria-roledescription="group mark container"><g transform="translate(0,0)"><path class="background" aria-hidden="true" d="M0,0h800v400h-800Z"/><g><g class="mark-arc role-mark layer_0_marks" role="graphics-object" aria-roledescription="arc mark container"><path aria-label="share: 17.6; brand: Samsung" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(400,200)" d="M-119.979,2.262A120,120,0,0,0,-51.775,108.256L0,0Z" fill="#72b7b2"/><path aria-label="share: 15.5; brand: Xiaomi" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(400,200)" d="M0,-120A120,120,0,0,0,-99.25,-67.45L0,0Z" fill="#eeca3b"/><path aria-label="share: 15; brand: Apple" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(400,200)" d="M97.082,-70.534A120,120,0,0,0,0,-120L0,0Z" fill="#4c78a8"/><path aria-label="share: 10.2; brand: Oppo" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(400,200)" d="M119.991,1.508A120,120,0,0,0,97.082,-70.534L0,0Z" fill="#f58518"/><path aria-label="share: 9.8; brand: Vivo" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(400,200)" d="M-99.25,-67.45A120,120,0,0,0,-119.979,2.262L0,0Z" fill="#54a24b"/><path aria-label="share: 31.9; brand: Others" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(400,200)" d="M-51.775,108.256A120,120,0,0,0,119.991,1.508L0,0Z" fill="#e45756"/></g><g class="mark-text role-mark layer_1_marks" role="graphics-object" aria-roledescription="text mark container"><text aria-label="share: 17.6; brand: Samsung" role="graphics-symbol" aria-roledescription="text mark" text-anchor="middle" transform="translate(324.3149875931648,251.70091269141884)" font-family="sans-serif" font-size="11px" fill="black">Samsung</text><text aria-label="share: 15.5; brand: Xiaomi" role="graphics-symbol" aria-roledescription="text mark" text-anchor="middle" transform="translate(357.8863167165484,123.4610932920176)" font-family="sans-serif" font-size="11px" fill="black">Xiaomi</text><text aria-label="share: 15; brand: Apple" role="graphics-symbol" aria-roledescription="text mark" text-anchor="middle" transform="translate(440.8591449765592,122.8094128230469)" font-family="sans-serif" font-size="11px" fill="black">Apple</text><text aria-label="share: 10.2; brand: Oppo" role="graphics-symbol" aria-roledescription="text mark" text-anchor="middle" transform="translate(485.7681407365497,175.72682573305036)" font-family="sans-serif" font-size="11px" fill="black">Oppo</text><text aria-label="share: 9.8; brand: Vivo" role="graphics-symbol" aria-roledescription="text mark" text-anchor="middle" transform="translate(313.7330389884362,177.3482663777021)" font-family="sans-serif" font-size="11px" fill="black">Vivo</text><text aria-label="share: 31.9; brand: Others" role="graphics-symbol" aria-roledescription="text mark" text-anchor="middle" transform="translate(447.50609607505595,279.4406360236985)" font-family="sans-serif" font-size="11px" fill="black">Others</text></g><g class="mark-group role-title"><g transform="translate(400,-20)"><path class="background" aria-hidden="true" d="M0,0h0v0h0Z" pointer-events="none"/><g><g class="mark-text role-title-text" role="graphics-symbol" aria-roledescription="title" aria-label="Title text 'Global Smartphone Market Share in 2021'" pointer-events="none"><text text-anchor="middle" transform="translate(0,13)" font-family="sans-serif" font-size="16px" font-weight="bold" fill="#000" opacity="1">Global Smartphone Market Share in 2021</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g></g><path class="foreground" aria-hidden="true" d="" display="none"/></g></g></g></svg>

src/images/piechart-ukrainian.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="marks" width="810" height="430" viewBox="0 0 810 430"><rect width="810" height="430" fill="white"/><g fill="none" stroke-miterlimit="10" transform="translate(5,25)"><g class="mark-group role-frame root" role="graphics-object" aria-roledescription="group mark container"><g transform="translate(0,0)"><path class="background" aria-hidden="true" d="M0,0h800v400h-800Z"/><g><g class="mark-arc role-mark layer_0_marks" role="graphics-object" aria-roledescription="arc mark container"><path aria-label="share: 17.6; brand: Samsung" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(400,200)" d="M52.454,107.929A120,120,0,0,0,119.991,1.508L0,0Z" fill="#e45756"/><path aria-label="share: 15.5; brand: Xiaomi" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(400,200)" d="M-108.898,50.41A120,120,0,0,0,-19.516,118.402L0,0Z" fill="#54a24b"/><path aria-label="share: 15; brand: Apple" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(400,200)" d="M97.082,-70.534A120,120,0,0,0,0,-120L0,0Z" fill="#4c78a8"/><path aria-label="share: 10.2; brand: Oppo" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(400,200)" d="M119.991,1.508A120,120,0,0,0,97.082,-70.534L0,0Z" fill="#f58518"/><path aria-label="share: 9.8; brand: Vivo" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(400,200)" d="M-19.516,118.402A120,120,0,0,0,52.454,107.929L0,0Z" fill="#72b7b2"/><path aria-label="share: 31.9; brand: Інші" role="graphics-symbol" aria-roledescription="arc mark" transform="translate(400,200)" d="M0,-120A120,120,0,0,0,-108.898,50.41L0,0Z" fill="#eeca3b"/></g><g class="mark-text role-mark layer_1_marks" role="graphics-object" aria-roledescription="text mark container"><text aria-label="share: 17.6; brand: Samsung" role="graphics-symbol" aria-roledescription="text mark" text-anchor="middle" transform="translate(475.9895132951813,251.2244115481097)" font-family="sans-serif" font-size="11px" fill="black">Samsung</text><text aria-label="share: 15.5; brand: Xiaomi" role="graphics-symbol" aria-roledescription="text mark" text-anchor="middle" transform="translate(345.51103833570994,274.6306712012914)" font-family="sans-serif" font-size="11px" fill="black">Xiaomi</text><text aria-label="share: 15; brand: Apple" role="graphics-symbol" aria-roledescription="text mark" text-anchor="middle" transform="translate(440.8591449765592,122.8094128230469)" font-family="sans-serif" font-size="11px" fill="black">Apple</text><text aria-label="share: 10.2; brand: Oppo" role="graphics-symbol" aria-roledescription="text mark" text-anchor="middle" transform="translate(485.7681407365497,175.72682573305036)" font-family="sans-serif" font-size="11px" fill="black">Oppo</text><text aria-label="share: 9.8; brand: Vivo" role="graphics-symbol" aria-roledescription="text mark" text-anchor="middle" transform="translate(412.96097042970274,292.0618506742386)" font-family="sans-serif" font-size="11px" fill="black">Vivo</text><text aria-label="share: 31.9; brand: Інші" role="graphics-symbol" aria-roledescription="text mark" text-anchor="middle" transform="translate(324.1623629055611,154.53709872560057)" font-family="sans-serif" font-size="11px" fill="black">Інші</text></g><g class="mark-group role-title"><g transform="translate(400,-20)"><path class="background" aria-hidden="true" d="M0,0h0v0h0Z" pointer-events="none"/><g><g class="mark-text role-title-text" role="graphics-symbol" aria-roledescription="title" aria-label="Title text 'Розподіл світового ринку смартфонів у 2021 році'" pointer-events="none"><text text-anchor="middle" transform="translate(0,13)" font-family="sans-serif" font-size="16px" font-weight="bold" fill="#000" opacity="1">Розподіл світового ринку смартфонів у 2021 році</text></g></g><path class="foreground" aria-hidden="true" d="" pointer-events="none" display="none"/></g></g></g><path class="foreground" aria-hidden="true" d="" display="none"/></g></g></g></svg>

src/images/treemap-original.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="marks" width="500" height="500" viewBox="0 0 500 500"><g fill="none" stroke-miterlimit="10" transform="translate(0,0)"><g class="mark-group role-frame root" role="graphics-object" aria-roledescription="group mark container"><g transform="translate(0,0)"><path class="background" aria-hidden="true" d="M0,0h500v500h-500Z"/><g><g class="mark-image role-mark" role="graphics-symbol" aria-roledescription="image mark container"><image xlink:href="http://localhost:3000/data/treemap-en.png" transform="translate(0,0)" width="500" height="500" preserveAspectRatio="xMidYMid"/></g></g><path class="foreground" aria-hidden="true" d="" display="none"/></g></g></g></svg>

src/images/treemap-ukrainian.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="marks" width="500" height="500" viewBox="0 0 500 500"><g fill="none" stroke-miterlimit="10" transform="translate(0,0)"><g class="mark-group role-frame root" role="graphics-object" aria-roledescription="group mark container"><g transform="translate(0,0)"><path class="background" aria-hidden="true" d="M0,0h500v500h-500Z"/><g><g class="mark-image role-mark" role="graphics-symbol" aria-roledescription="image mark container"><image xlink:href="http://localhost:3000/data/treemap-uk.png" transform="translate(0,0)" width="500" height="500" preserveAspectRatio="xMidYMid"/></g></g><path class="foreground" aria-hidden="true" d="" display="none"/></g></g></g></svg>