Jacque Schrag jnschrag

## README.md

      
              10 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                jnschrag
                / README.md
            
            
              Last active
              June 13, 2018 18:27
                — forked from chrisrzhou/README.md
            
              
                D3 Radar Chart
              
          
    D3 Radar Chart

bl.ocks.org link
A radar chart visualizes multivariate data in a 2D chart of three or more quantitative variables represented on axes.
The project is created using AngularJS and D3.js.

Description


## data.csv
level1,level2,level3,level4,Year,current-dollars,constant
Aircraft,Air Force,Combat aircraft,F-35,1999,0.000,0.000
Aircraft,Air Force,Combat aircraft,F-35,2000,0.000,0.000
Aircraft,Air Force,Combat aircraft,F-35,2001,0.000,0.000
Aircraft,Air Force,Combat aircraft,F-35,2002,0.000,0.000
Aircraft,Air Force,Combat aircraft,F-35,2003,0.000,0.000
Aircraft,Air Force,Combat aircraft,F-35,2004,0.000,0.000
Aircraft,Air Force,Combat aircraft,F-35,2005,0.000,0.000
Aircraft,Air Force,Combat aircraft,F-35,2006,117447.000,145376.166
Aircraft,Air Force,Combat aircraft,F-35,2007,93622.000,112822.051

## animations-example.css
#satellite .longform-section-overlay.aos-animate + .section-content svg#Layer path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash 5s linear forwards 1;
}

@keyframes dash {
  from {
    stroke-dashoffset: 1000;
  }

## africa-table.html
<table class="striped">
<thead>
<tr>
<th class="title" colspan="4"> China FDI Top Destinations in Africa (2005 - 2016)</th>
</tr>
<tr>
<th>Country</th>
<th>Volume in $ billions</th>
<th>Global Ranking</th>
<th>Economic Development Level</th>

## .block
license: gpl-3.0

## .block
license: gpl-3.0

## .block
license: gpl-3.0

## .block
license: mit

## .block
license: gpl-3.0

## France: Anchor Links
<div id="france-anchors">
<ul>
	<li style="border-left:0px;"><a href="#presidential">Presidential</a></li>
	<li><a href="#legislative">Legislative</a></li>
</ul>
</div>

<script>
  (function($) {
    $('.layout-detail-page__main a[href*="#"]:not([href="#"])').click(function() {
	level1,level2,level3,level4,Year,current-dollars,constant
	Aircraft,Air Force,Combat aircraft,F-35,1999,0.000,0.000
	Aircraft,Air Force,Combat aircraft,F-35,2000,0.000,0.000
	Aircraft,Air Force,Combat aircraft,F-35,2001,0.000,0.000
	Aircraft,Air Force,Combat aircraft,F-35,2002,0.000,0.000
	Aircraft,Air Force,Combat aircraft,F-35,2003,0.000,0.000
	Aircraft,Air Force,Combat aircraft,F-35,2004,0.000,0.000
	Aircraft,Air Force,Combat aircraft,F-35,2005,0.000,0.000
	Aircraft,Air Force,Combat aircraft,F-35,2006,117447.000,145376.166
	Aircraft,Air Force,Combat aircraft,F-35,2007,93622.000,112822.051
	#satellite .longform-section-overlay.aos-animate + .section-content svg#Layer path {
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation: dash 5s linear forwards 1;
	}

	@keyframes dash {
	from {
	stroke-dashoffset: 1000;
	}
	<table class="striped">
	<thead>
	<tr>
	<th class="title" colspan="4"> China FDI Top Destinations in Africa (2005 - 2016)</th>
	</tr>
	<tr>
	<th>Country</th>
	<th>Volume in $ billions</th>
	<th>Global Ranking</th>
	<th>Economic Development Level</th>
	<div id="france-anchors">
	<ul>
	<li style="border-left:0px;"><a href="#presidential">Presidential</a></li>
	<li><a href="#legislative">Legislative</a></li>
	</ul>
	</div>

	<script>
	(function($) {
	$('.layout-detail-page__main a[href*="#"]:not([href="#"])').click(function() {