Testing out the d3-iconarray plugin
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// 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 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
license: gpl-3.0 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
license: gpl-3.0 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
## Configure eth0 | |
# | |
# vi /etc/sysconfig/network-scripts/ifcfg-eth0 | |
DEVICE="eth0" | |
NM_CONTROLLED="yes" | |
ONBOOT=yes | |
HWADDR=A4:BA:DB:37:F1:04 | |
TYPE=Ethernet | |
BOOTPROTO=static |
A D3 Bar Stacker Gauge with animated filling.
Configurable features include:
- Configurable minimum and maximum values.
- Configurable corner rounding.
- Padding.
- Color.
- Horizontal or verticle layout.
- Text size.
A D3 Rectangular Area Chart with animated filling.
Configurable features include:
- Configurable maximum value. The chart will use either the maximum value of data it's provided, or a maximum value that you specify through configuration. This is especially useful if you're using multiple charts at the same time and you want their relative sizes to be the same regardless of their data.
- Expansion direction. I.E. which corner does the chart expand from.
- Animation on/off.
- Configurable delay between chart load and animation start.
- Configurable delay between the start of the expansion animation for each area block.
- Area block colors and text colors.
Liquid Fill Gauge v1.1 - 7/14/2015
Changes:
- Added support for updating the gauge value after loading is complete. The loadLiquidFillGauge method now returns an object with an update method which allows the gauge value to be changed. Click any of the gauges above to randomly update their value.
Configurable features include:
- Changeable min/max values.
- All colors.
With rescaling and margins.
A Pen by Ray Lugo, Jr. on CodePen.