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.
| #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; | |
| } |
| 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 |
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.
| { | |
| "Version": "2012-10-17", | |
| "Statement": [ | |
| { | |
| "Effect": "Allow", | |
| "Action": [ | |
| "s3:ListBucket", | |
| "s3:GetBucketLocation" | |
| ], | |
| "Resource": [ |
| # Finds images in markdown files and replace them with a cloudinary responsive image include | |
| Jekyll::Hooks.register :documents, :pre_render do |post, payload| | |
| docExt = post.extname.tr('.', '') | |
| # only process if we deal with a markdown file | |
| if payload['site']['markdown_ext'].include? docExt | |
| newContent = post.content.gsub(/\!\[(.*)?\]\((.*?)(?=\"|\))(\".*\")?\)/, '{% include cloudinary-responsive-img.html title=\3 alt="\1" path="\2" %}') | |
| post.content = newContent | |
| end | |
| end |
| # Download and Transform the 1:50m Country Shapefiles from Natural Earth | |
| # http://www.naturalearthdata.com/downloads/110m-physical-vectors/ | |
| URL = http://www.naturalearthdata.com/http//www.naturalearthdata.com/download/110m/physical/ne_110m_land.zip | |
| # Download the zip file from the Natural Earth server | |
| ne_110m_land.zip: | |
| curl -LO $(URL) | |
| # Unzip the shapefiles |
| license: mit |
| // Breakpoints | |
| // $break: Breakpoint to use | |
| // $dir: 'min-width' or 'max-width' | |
| // $until: Maximum width | |
| // @include breakpoint('medium'); | |
| // @include breakpoint($break: 'medium', $until: 'large'); | |
| // @include breakpoint($break: 'medium', $dir: 'max-width'); | |
| @mixin breakpoint($break, $dir: 'min-width', $until: null, $breakpoints-map: $breakpoints) { | |
| @if not map-has-key($breakpoints-map, $break) { | |
| $break: $break; |