Julien Gaffuri jgaffuri

## README.md

      
              4 files
            
          
              1 fork
            
          
              0 comments
            
          
              6 stars
            
          
                christophermanning
                / README.md
            
            
              Last active
              December 22, 2019 10:32
                — forked from tmcw/index.html
            
              
                Unknown Pleasures
              
          
    Forked from Tom MacWright and updated by Christopher Manning
Summary

This adds simplex noise to the waves. The 3D noise uses the parameters x
and y. z is a function of the velocity and frame from d3.timer.
Controls


Drag up and down to adjust the height of the noise


## README.md

      
              9 files
            
          
              14 forks
            
          
              7 comments
            
          
              28 stars
            
          
                gisminister
                / README.md
            
            
              Last active
              April 11, 2024 18:52
            
              
                Markercluster pie charts
              
          
    The map shows traffic accidents recorded in Oslo, Norway, for the year 2013.
The Leaflet Markercluster plugin is wonderful. Since the markerclusters are divIcons you can put whatever you want inside them using the iconCreateFunction. I wanted my clusters to reveal more information than just the marker count and figured a pie chart would do the job. So I told the iconCreateFunction to do some D3 magic and this is the result.
The example is a bit more complicated than necessary due to how my dataset is structured. But if you take a look at the defineClusterIcon() function you'll see that I use d3.nest() to build a dataset for the pie chart based on a given property from all the cluster's children. Then I pass this dataset over to the bakeThePie() function together with instructions on how to style the chart. The function returns svg markup which in turn is placed inside the divIcon.
Feel free to suggest improvements.

  
## .block
license: gpl-3.0
redirect: https://observablehq.com/@d3/arc-pad-angle

## .block
license: EUPL-1.2
height: 600
scrolling: no
border: no

## .block
license: EUPL-1.1
height: 900
scrolling: no
border: no

## .block
license: EUPL-1.1
height: 780
scrolling: no
border: no

## .block
license: EUPL-1.1
height: 700
scrolling: no
border: yes

## .block
license: EUPL-1.1
height: 700
scrolling: no
border: yes

## .block
license: EUPL-1.1
height: 700
scrolling: no
border: yes

## index.html
<!DOCTYPE html>
<script src="https://d3js.org/d3.v4.min.js"></script>
<div id="join"></div>

<script>
    //see:
    //https://bost.ocks.org/mike/join/
    //https://bl.ocks.org/mbostock/3808218
    //http://rajapradhan.com/blogs/d3-js-v4-essentials/the-enter-update-exit-pattern/
	license: gpl-3.0
	redirect: https://observablehq.com/@d3/arc-pad-angle
	<!DOCTYPE html>
	<script src="https://d3js.org/d3.v4.min.js"></script>
	<div id="join"></div>

	<script>
	//see:
	//https://bost.ocks.org/mike/join/
	//https://bl.ocks.org/mbostock/3808218
	//http://rajapradhan.com/blogs/d3-js-v4-essentials/the-enter-update-exit-pattern/