Simon Wuyts simonwuyts

I hereby claim:

To claim this, I am signing this object:

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<script
	src="https://www.googletagmanager.com/gtag/js?id=UA-1978395-3"
	async
	></script>
	<script>
	window.dataLayer = window.dataLayer \|\| [];
	function gtag() {

	.flower {
	transition: transform 0.1s ease-in-out;
	}

	.flower__circle {
	transition: r 0.1s ease-in-out;
	}

	<template>
	<svg width="500" height="500">
	<g
	class="flower"
	v-for="flower in layoutData.children"
	:key="flower.data.name"
	:style="{
	transform: `translate(${flower.x}px, ${flower.y}px)`
	}"
	>

	<template>
	<svg width="500" height="500">
	</svg>
	</template>

	<script>
	import { hierarchy, pack } from 'd3-hierarchy'

	export default {
	data() {

	// Add a <g> element for every data point
	const leaf = svg.selectAll('g').data(circles)

	// Append a styled <circle> to every <g> element
	leaf
	.append('circle')
	.attr('id', d => d.data.id)
	.attr('r', d => d.r)
	.attr('fill-opacity', 0.7)
	.attr('fill', d => d.data.color)

	<script>
	function replaceFirstImage() {
	var imageData = document.querySelector('[data-slideshow-history]').getAttribute('data-slideshow-url')
	var visibleImage = document.querySelector('.slideshow__image__inner img')
	$.getJSON(imageData, function(data) {
	if (data.length > 1) {
	var controls = document.querySelector('.slideshow__controls')
	visibleImage.setAttribute('src', data[1].file)
	controls.style.display = 'none'