kanitw

<script src="https://learningapi.stanford.edu/static/js/checkboxes.js"></script>

<div class='answers' data-max-score='1' data-min-score='0'>
  <p>Long/full answers description</p>
  
  <b>Correct Answers</b>
  <ul class='correct-answers' data-add-other='true'>
    <li data-score='1'>Correct Answer 1</li>
    ...
    <!--To add/remove other choice, modify data-add-other attribute in the ul tag-->

kanitw

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

kanitw

This simple force-directed graph shows character co-occurence in Les Misérables. A physical simulation of charged particles and springs places related characters in closer proximity, while unrelated characters are farther apart. Layout algorithm inspired by Tim Dwyer and Thomas Jakobsen. Data based on character coappearence in Victor Hugo's Les Misérables, compiled by Donald Knuth.

Compare this display to a force layout with curved links, a force layout with fisheye distortion and a matrix diagram.

Forked from Mike Bostock http://bl.ocks.org/mbostock/4062045 and resized!

kanitw

git remote add example https://github.com/CSE512-14W/a3-jheer-kanitw.git
git pull example master:master

kanitw

'use strict';

angular.module('__appname__')
  .controller('__controller__Ctrl', function ($scope) {
    $scope.awesomeThings = [
      'HTML5 Boilerplate',
      'AngularJS',
      'Karma'
    ];
  });

kanitw

D3 supports CIELAB (Lab) and CIELCH (HCL) color spaces, which are designed for humans rather than computers.

Lab and HCL color spaces are special in that the perceived difference between two colors is proportional to their Euclidean distance in color space. This special property, called perceptual uniformity, makes them ideal for accurate visual encoding of data. In contrast, the more familiar RGB and HSL color spaces distort data when used for visualization.

You can create Lab or HCL colors in D3 directly using d3.lab or d3.hcl. For example:

var steelblue = d3.lab(52, -4, -32);
var steelblue = d3.hcl(-97, 32, 52);

kanitw

{
  "width": 200,
  "height": 200,
  "padding": "auto",
  "data": [
    {
      "name": "source",
      "url": "data/cars.json",
      "format": {"type": "json","parse": {"Acceleration": "number"}},
      "transform": [

kanitw

{
  "width": 1,
  "height": 1,
  "padding": "auto",
  "data": [
    {
      "name": "source",
      "url": "data/stocks.csv",
      "format": {
        "type": "csv",

kanitw

[
  {"x": 1, "cat": null},
  {"x": 1, "cat": null},
  {"x": 1, "cat": null},
  {"x": 1, "cat": null},
  {"x": 2, "cat": "a"},
  {"x": 3, "cat": 1},
  {"x": 2, "cat": 1},
  {"x": 2, "cat": null},
  {"x": 2, "cat": "b"},

kanitw