Grid layout demo.
forked from herrstucki's block: Grid layout
// the code below can be added to the end of your Reveal slide deck to implement | |
// per slide theme setting via the data-theme attribute | |
// I put this in right below the call to Reveal.initialize() | |
// the code is smart enough to restore the previous default theme | |
// (or slide specific theme) as you move forward and backward | |
// it also takes into account vertical slide stacks with a data-theme | |
// attribute on the outer <section> tag and allows individual vertical | |
// slides to specify their own override |
license: gpl-3.0 |
license: gpl-3.0 |
height: 760 | |
license: gpl-3.0 |
In some cases you want to handle zooming and rescale your layout. | |
But at all examples you can see something like this: | |
------- | |
var width = 640; | |
var height = 480; | |
var outer = d3.select('div') | |
.append("svg:svg") | |
.attr("width", width) | |
.attr("height", height) |
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta http-equiv="Content-type" content="text/html; charset=utf-8"> | |
<title>Testing Pie Chart</title> | |
<!--<script type="text/javascript" src="d3/d3.v2.js"></script>--> | |
<script src="http://d3js.org/d3.v2.js"></script> | |
<!-- Note: I made good use of the sample code provided by the D3JS community and extended it to fit my needs to create this simple dashboard --> | |
<style type="text/css"> |
<!-- | |
The MIT License (MIT) | |
Copyright (c) 2013 [email protected] | |
Permission is hereby granted, free of charge, to any person obtaining a copy | |
of this software and associated documentation files (the "Software"), to deal | |
in the Software without restriction, including without limitation the rights | |
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | |
copies of the Software, and to permit persons to whom the Software is |
license: gpl-3.0 |
Grid layout demo.
forked from herrstucki's block: Grid layout
license: CC0-1.0 |