Skip to content

Instantly share code, notes, and snippets.

View timproDev's full-sized avatar

timproDev timproDev

  • Safety Harbor, FL
View GitHub Profile
@timproDev
timproDev / app.css
Created June 22, 2018 21:08
Wordy Worderson
@media only screen and (min-width: 641px) {
body, html {
overflow-x: hidden; } }
@media only screen and (max-width: 40em) {
html {
-webkit-text-size-adjust: 100%; } }
body {
-webkit-font-smoothing: antialiased;
@timproDev
timproDev / app.css
Created May 11, 2018 20:30
Music Chart Ring V1
/**
* Foundation for Sites by ZURB
* Version 6.4.3
* foundation.zurb.com
* Licensed under MIT Open Source
*/
/* Global Styles and resets */
@media only screen and (min-width: 641px) {
body, html {
@timproDev
timproDev / app.css
Last active April 6, 2018 21:15
Radial Barchart aka the Seashell
@media only screen and (min-width: 641px) {
body, html {
overflow-x: hidden; } }
@media only screen and (max-width: 40em) {
html {
-webkit-text-size-adjust: 100%; } }
body {
-webkit-font-smoothing: antialiased;
@timproDev
timproDev / app.css
Last active April 4, 2018 19:09
Multi Line with Hover
line {
shape-rendering: crispEdges; }
.aboveLabelTickText {
font-family: 'Raleway', sans-serif;
font-size: 1rem;
fill: #404040; }
.barLabel {
font-family: 'Raleway', sans-serif;
@timproDev
timproDev / donut-chart-single-init.js
Created March 9, 2018 17:13
Single Value Donut Chart
document.addEventListener("DOMContentLoaded", function(){
// set global variables
var path = '';
var dataFile = ['placeholder-dataset.csv','placeholder-two.csv'];
var dataFileTwo = 'placeholder-two.csv';
var elemContainer = ['#donutChart', '#donutChartTwo', '#donutChartThree','#donutChartFour'];
var uiEl = '.chart-ui-container input';
var cssFile = 'donut-chart-single.css';
var strNumHeaders = ['header_two_amount','header_three_amount']; // to convert to numbers
@timproDev
timproDev / donut-chart-init.js
Last active March 5, 2018 19:15
Donut Chart with Radio Buttons
document.addEventListener("DOMContentLoaded", function(){
// set global variables
var path = '';
var dataFile = 'placeholder-dataset.csv';
var dataFileTwo = 'placeholder-two.csv';
var elemContainer = ['#donutChart', '#donutChartTwo'];
var uiEl = '.chart-ui-container input';
var cssFile = 'donut-chart.css';
var strNumHeaders = ['header_two_amount','header_three_amount']; // to convert to numbers
@timproDev
timproDev / d3-presentation-init.js
Last active February 28, 2018 17:15
Simple Barchart for Presentation
document.addEventListener("DOMContentLoaded", function(){
var options = {
window: window,
path:"",
css: "d3-presentation.css",
js: "d3-presentation.js",
dataFile: "nat-cat.csv",
element: document.querySelector("#presBarchart"),
functionName: "presBarchart",
@timproDev
timproDev / index.html
Last active December 27, 2021 22:41
Pareto Chart
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Timmy's Pareto Chart!</title>
<!-- css dynamically injected -->
</head>
<body>
@timproDev
timproDev / horiz-barchart-init.js
Last active January 31, 2018 20:43
Updated Barchart - Reusable Pattern
document.addEventListener("DOMContentLoaded", function(){
var options = {
window: window,
path:"",
css: "horiz-barchart.css",
js: "horizBarchart.js",
dataFile: "nat-cat.csv",
element: document.querySelector("#horizBarchart"),
functionName: "horizBarchart",
@timproDev
timproDev / d3-config.js
Last active January 26, 2018 17:25
Bubble Scale with centered labels
var d3Config = d3Config || {};
d3Config.init = function(settings) {
console.log("Configing!!");
d3Config.linkStyle(settings);
if (typeof settings.win.d3 === "undefined") {
console.log("lib undefined");
d3Config.loadLib(settings);
}
if (typeof settings.win.d3 !== "undefined") {
console.log("lib defined");