Simon Wuyts simonwuyts

## index.html
<!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() {

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

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

## vue-template.vue
<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)`
      }"
    >

## d3-calculate.vue
<template>
  <svg width="500" height="500">
  </svg>
</template>

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

export default {
  data() {

## transform-data.vue
<template>
  <svg width="500" height="500">
  </svg>
</template>

<script>
export default {
  data() {
    return {
      flowers: [

## blank-component.vue
<template>
  <svg width="500" height="500">
  </svg>
</template>

<script>
export default {
  data() {
    return {
      flowers: [

## d3-snippet.js
// 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)

## dsaudio.html
<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'

## cloudSettings
{"lastUpload":"2018-08-27T18:29:35.440Z","extensionVersion":"v3.0.0"}

## keybase.md

      
        
          
            
              
              1 file
            
          
          
            
              
              0 forks
            
          
          
            
              
              0 comments
            
          
          
            
              
              0 stars
            
          
        
        
          
              
          
          
            
                simonwuyts
                / keybase.md
            
            
              Created
              March 28, 2018 06:51
            
          
        
      
        
  
      
    Keybase proof

I hereby claim:

I am simonwuyts on github.
I am simonwuyts (https://keybase.io/simonwuyts) on keybase.
I have a public key ASDDLhO86hPaDDyZp2MZ5oQEv8a4eAdKOqr0uVwZLgNRDQo

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'