@rcmoore38 Robert Moore rcmoore38

@rcmoore38 rcmoore38 / numberFormat.js
Created Apr 8, 2016
View numberFormat.js
function numberFormat(amount, prefix, suffixArray, maxWholeDigitLength, decimalLength) {
var suffixIndex = 0;
while(amount > Math.pow(10, maxWholeDigitLength) && suffixIndex < suffixArray.length) {
amount /= 1000;
suffixIndex++;
}
return prefix + amount.toFixed(decimalLength) + suffixArray[suffixIndex];
};
var dollarSuffix = ["", "K", "M", "B"];
@rcmoore38 rcmoore38 / d3wrap.js
Last active Apr 8, 2016
View d3wrap.js
function wrap(d) {
var allowedWidth = (x(d.x + d.dx) - x(d.x))*0.85;
var self = d3.select(this),
textLength = self.node().getComputedTextLength(),
text = self.text();
while (textLength > allowedWidth && text.length > 0) {
text = text.slice(0, -1);
self.text(text + '...');
textLength = self.node().getComputedTextLength();
}
@rcmoore38 rcmoore38 / README.md
Last active Sep 6, 2015
D3.js Bar Chart with configuration variables
View README.md

A simple D3.js bar chart with some of the configuration variables abstracted out for quick and easy changes. The bar chart will scale based on the length and values of the data.

@rcmoore38 rcmoore38 / README.md
Last active Sep 9, 2015
Simple D3.js Bar Chart Using Reusable Pattern
View README.md
@rcmoore38 rcmoore38 / README.md
Last active Aug 25, 2015
Simple D3.js Bar Chart Generation
View README.md

A simple generator function for a D3.js bar graph with an options parameter.

@rcmoore38 rcmoore38 / index.html
Last active Aug 25, 2015
Simple D3.js Bar Chart
View index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Updatable Charts (1 of 4)</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
<style>
body {
padding: 20px 0 0 10px;
}
@rcmoore38 rcmoore38 / README.md
Last active Apr 13, 2016
A New Pattern for Updatable D3.js Charts
View README.md

Using a new updatable chart format. Update functions are made accessible to the caller, handing over chart controls with full functionality to the caller in a modular manner. Data binding is done with method chaining, like any other configuration variable, and can be changed after initialization. This allows for changes to be rendered in the context of chart history, leveraging D3's transitions and update logic.

@rcmoore38 rcmoore38 / SASS Transition Mixin
Last active Aug 29, 2015
Mixin for SASS Transition
View SASS Transition Mixin
@mixin transition($args...) {
-webkit-transition: $args;
-moz-transition: $args;
-ms-transition: $args;
-o-transition: $args;
transition: $args;
}
a {
color: gray;
@rcmoore38 rcmoore38 / SASS Animations Mixin
Created Nov 8, 2014
A mixin for simple keyframe animations with SASS
View SASS Animations Mixin
@mixin keyframes($animation-name) {
@-webkit-keyframes $animation-name {
@content;
}
@-moz-keyframes $animation-name {
@content;
}
@-ms-keyframes $animation-name {
@content;
}