duarteleao's public fiddles
-
Legend with Colored Item Labels
Labels colored the same as the the legend item markers.
-
Bar chart with background "bars"
jQuery 1.7.2, HTML, CSS, JavaScript
-
Highlighting the active category bars
jQuery 1.7.2, HTML, CSS, JavaScript
-
-
Horizontal Line and Label At the Maximum Value.
jQuery 1.7.2, HTML, CSS, JavaScript
-
Categorical base axis with ticks beside vertical labels
jQuery 1.7.2, HTML, CSS, JavaScript
-
Categorical base axis with ticks beside horizontal labels
jQuery 1.7.2, HTML, CSS, JavaScript
-
Metric-Line chart
This example mostly shows the configuration of the metric-line chart for a specific data set.
-
Ensure ONLY ONE Legend Item is ON
jQuery 1.7.2, HTML, CSS, JavaScript
-
Binning Timeseries Data
jQuery 1.7.2, HTML, CSS, JavaScript
-
-
Synced Pie Slices Selection
This mostly shows some techniques related to selection. However, note that the example would probably be better represented by a sunburst chart (see http://jsfiddle.net/duarteleao/82kC3/)
-
Time-series Line Chart with Two-Line Tick labels
jQuery 1.7.2, HTML, CSS, JavaScript
-
Drawing a line at the center of the selected category band, on the X axis
jQuery 1.7.2, HTML, CSS, JavaScript
-
Highlighting the selected category band on the X axis
jQuery 1.7.2, HTML, CSS, JavaScript
-
Stacked-Bar chart with Category Total Labels at the top of the plot panel
jQuery 1.7.2, HTML, CSS, JavaScript
-
Focus and Context charts (Temporal base axis)
jQuery 1.7.2, HTML, CSS, JavaScript
-
-
Horizontal Bar Chart with labels placed Outside-End
jQuery 1.7.2, HTML, CSS, JavaScript
-
Ensure at least one Legend Item is ON
This solution is not perfect. The last ON legend item should not display a "hand" cursor, like if it were enabled. Clicking it will do nothing.