stormpython

Rows, Columns, Grid Layout Example

Forked from Captain Anonymous's Pen oXpoev.

A Pen by Shelby Sturgis on CodePen.

License.

stormpython

[
  { "abbr": "ad", "name": "Andorra", "leb": 84.2, "pop": 79200, "size": 468 },
  { "abbr": "al", "name": "Albania", "leb": 74, "pop": 2887000, "size": 28748 },
  { "abbr": "at", "name": "Austria", "leb": 81.5, "pop": 8608000, "size": 83858 },
  { "abbr": "ba", "name": "Bosnia and Herzegovina", "leb": 76, "pop": 3750000, "size": 51129 },
  { "abbr": "be", "name": "Belgium", "leb": 81, "pop": 11259000, "size": 30510 },
  { "abbr": "bg", "name": "Bulgaria", "leb": 74.5, "pop": 7265000, "size": 110910 },
  { "abbr": "by", "name": "Belaurs", "leb": 72.5, "pop": 9481000, "size": 207600 },
  { "abbr": "ch", "name": "Switzerland", "leb": 82.8, "pop": 8081000, "size": 41290 },
  { "abbr": "cy", "name": "Cyprus", "leb": 81.2, "pop": 876000, "size": 9251 },

stormpython

<div id="bullet">
  <svg width=600 height=500></svg>
</div>
<script src="//d3js.org/d3.v3.min.js" charset="utf-8"></script>

stormpython

const { fromNode: fn } = require('bluebird');
const { createWriteStream, unlinkSync } = require('fs');
const Wreck = require('wreck');
const HttpsProxyAgent = require('https-proxy-agent');
const getProgressReporter = require('../progress_reporter');

function sendRequest({ sourceUrl, timeout, proxy }) {
  const maxRedirects = 11; //Because this one goes to 11.
  sourceUrl = proxy ? sourceUrl.agent = new HttpsProxyAgent(proxy) : sourceUrl;
  

stormpython

Setting up a D3 Directive using Angular and Elasticsearch

Here, we create a donut-chart directive using:

1. Yeoman: for scaffolding our app (including Bower and Grunt)
2. Angular: as our MV* framework
3. D3: as our charting library
4. Elasticsearch: as our backend data store
5. Elasticsearch Javascript Client: to communicate with our Elasticsearch instance
6. NFL dataset: our test dataset

stormpython

'use strict';

// modules
import React from 'react';
import ReactDOM from 'react-dom';
import d3 from 'd3';
import { isNaN } from 'lodash';

import pointsLayout from '../layout/symbols';

stormpython

'use strict';

// modules
import React from 'react';
import ReactDOM from 'react-dom';
import d3 from 'd3';

let PropTypes = React.PropTypes;

class Container extend React.Component {

stormpython

import { cloneDeep, findIndex, first, isFunction } from 'lodash';

export default function () {
  let x = (d) => d.x;
  let y = (d) => d.y;
  let xScale = d3.scale.linear();
  let yScale = d3.scale.linear();

  function X(d, i) {
    return xScale(x.call(this, d, i));

stormpython

Creating an Angular D3 Directive with elasticsearch.angular.js

elasticsearch.js

requirements:

1. Elasticsearch 1.0
2. elasticsearch.angular.js

stormpython

Setting up a Home Server with Raspberry Pi

Downloading and Installing Wheezy Raspbian

Download the latest wheezy raspbian raw image and install onto a 4GB+ SD card following the RPi Easy SD Card Setup instructions.

Server Setup

1. Insert the SD Card. Attach a keyboard, mouse, and monitor to your Raspberry Pi before booting it up.
2. The Raspberry Pi has a nice "raspi-config" screen that you'll see on first boot. For a home server, the following selections will be useful: