| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <style> | |
| g.A circle { | |
| fill: brown; | |
| fill-opacity: .5; | |
| stroke: black; | |
| } | |
| g.B circle { |
This example illustrates how to use the findPeaks API. You can download the library from https://github.com/efekarakus/d3-peaks.
The algorithm is based on "Improved peak detection in mass spectrum by incorporating continuous wavelet transform-based pattern matching" by Pan Du, Warren A. Kibbe and Simon M. Lin. The paper can be found here.
| (function (global, factory) { | |
| typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) : | |
| typeof define === 'function' && define.amd ? define(['exports'], factory) : | |
| (factory((global.d3_peaks = global.d3_peaks || {}))); | |
| }(this, function (exports) { 'use strict'; | |
| /** | |
| * See https://en.wikipedia.org/wiki/Mexican_hat_wavelet | |
| */ | |
| function ricker() { |
| (function (global, factory) { | |
| typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) : | |
| typeof define === 'function' && define.amd ? define(['exports'], factory) : | |
| (factory((global.d3_peaks = global.d3_peaks || {}))); | |
| }(this, function (exports) { 'use strict'; | |
| /** | |
| * See https://en.wikipedia.org/wiki/Mexican_hat_wavelet | |
| */ | |
| function ricker() { |
| var bar = function() { | |
| var margin = {top: 0, right: 0, bottom: 0, left: 0}, | |
| width = 500, | |
| height = 200; | |
| function chart(selection) { | |
| selection.each(function(data) { | |
| var svg = d3.select(this).append("svg") | |
| .attr("width", width + margin.left + margin.right) | |
| .attr("height", height + margin.top + margin.bottom) |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Step Graph</title> | |
| <style> | |
| path.steps { | |
| stroke: #000; | |
| stroke-width: 3; | |
| fill: none; | |
| } |