| SOLR_PATH = 'http://localhost:9000/solr/select/' | |
| def query_solr(q = '', start = 0, rows = 200, fl = 'bibcode,title,recid,citation_count,year,property', sort = "date desc"): | |
| d = {'q' : q, | |
| 'sort': sort, | |
| 'fl' : fl, | |
| 'start' : start, | |
| 'rows' : rows, |
| gistup |
| { | |
| "name": "flare", | |
| "children": [ | |
| { | |
| "name": "analytics", | |
| "children": [ | |
| { | |
| "name": "cluster", | |
| "children": [ | |
| {"name": "AgglomerativeCluster", "size": 3938}, |
##D3 Calendar Day View Layout
This script demonstrates a layout algorithm I developed for a day calendar view. The height and y-axis placement of each calendar item are solely determined by its start and end times, but the width and x-axis placement of each item is dependent on how many other items occur during the same time as it.
You can change the layout by adding items using the form to the left, or clicking on items to remove them.
###There are three main steps for the layout calculation:
Mouse over a node to view the ensuing flow to the right of the diagram.
This diagram combines svg gradients and svg path animation to visualize flow through a sankey diagram.
View the original d3 sankey example.
Please use the "open block" link to the right to open in a new window, as the current view cuts off an important section of the page.
| define([ | |
| 'js/components/api_targets', | |
| 'js/components/api_request', | |
| 'js/widgets/base/base_widget', | |
| 'hbs!./templates/hopper_template', | |
| 'bootstrap' | |
| ], function( | |
| ApiTargets, | |
| ApiRequest, | |
| BaseWidget, |
| ".text.html, .text.php": | |
| "template": | |
| "prefix": "html" | |
| "body": """ | |
| <!DOCTYPE html> | |
| <html lang="en-us" class="no-js"> | |
| <head> | |
| <meta http-equiv="X-UA-Compatible" content="IE=Edge"> | |
| <meta charset="utf-8"> | |
| <title> |
| ".source.js": | |
| "Mocha it()": | |
| "prefix": "it(" | |
| "body": "it('$1', () => {$2})" | |
| "functional component": | |
| "prefix": "functional component" | |
| "body": """ | |
| import React, {PropTypes} from 'react' |
| var svg = d3.select('svg') | |
| var margin = {top: 40, right: 40, bottom: 40, left: 40} | |
| var width = svg.attr('width') - margin.left - margin.right | |
| var height = svg.attr('height') - margin.top - margin.bottom | |
| var g = svg.append('g').attr('transform', 'translate(' + margin.left + ',' + margin.top + ')') | |
| var data = d3.range(100000).map(function (n){ | |
| if (n % 1000 === 0){ | |
| return { x : n, y : n} | |
| } |