hyper-d3 1.0.0.lap23

data/lib/d3/stack.rb

@@ -0,0 +1,13 @@
+module D3
+  class StackGenerator
+    include D3::Native
+
+    attributes_d3_block %i[keys value order offset]
+  end
+
+  class << self
+    def stack
+      D3::StackGenerator.new @d3.JS.stack
+    end
+  end
+end

data/lib/d3/statistics.rb

@@ -0,0 +1,81 @@
+module D3
+  class << self
+    def min(data, &block)
+      if block
+        @d3.JS.min(data, proc{|x| y=yield(x); y.nil? ? `undefined` : y})
+      else
+        @d3.JS.min(data.compact)
+      end
+    end
+
+    def max(data, &block)
+      if block
+        @d3.JS.max(data, proc{|x| y=yield(x); y.nil? ? `undefined` : y})
+      else
+        @d3.JS.max(data.compact)
+      end
+    end
+
+    def sum(data, &block)
+      if block
+        @d3.JS.sum(data, proc{|x| y=yield(x); y.nil? ? `undefined` : y})
+      else
+        @d3.JS.sum(data.compact)
+      end
+    end
+
+    def mean(data, &block)
+      result = if block
+        @d3.JS.mean(data, proc{|x| y=yield(x); y.nil? ? `undefined` : y})
+      else
+        @d3.JS.mean(data.compact)
+      end
+      `result === undefined ? nil : result`
+    end
+
+    def median(data, &block)
+      result = if block
+        @d3.JS.median(data, proc{|x| y=yield(x); y.nil? ? `undefined` : y})
+      else
+        @d3.JS.median(data.compact)
+      end
+      `result === undefined ? nil : result`
+    end
+
+    def deviation(data, &block)
+      result = if block
+        @d3.JS.deviation(data, proc{|x| y=yield(x); y.nil? ? `undefined` : y})
+      else
+        @d3.JS.deviation(data.compact)
+      end
+      `result === undefined ? nil : result`
+    end
+
+    def variance(data, &block)
+      result = if block
+        @d3.JS.variance(data, proc{|x| y=yield(x); y.nil? ? `undefined` : y})
+      else
+        @d3.JS.variance(data.compact)
+      end
+      `result === undefined ? nil : result`
+    end
+
+    def quantile(data, p, &block)
+      result = if block
+        @d3.JS.quantile(data, p, proc{|x| y=yield(x); y.nil? ? `undefined` : y})
+      else
+        @d3.JS.quantile(data.compact, p)
+      end
+      `result === undefined ? nil : result`
+    end
+
+    def extent(data, &block)
+      (a,b) = if block
+        @d3.JS.extent(data, proc{|x| y=yield(x); y.nil? ? `undefined` : y})
+      else
+        @d3.JS.extent(data.compact)
+      end
+      [`a === undefined ? nil : a`, `b === undefined ? nil : b`]
+    end
+  end
+end

data/lib/d3/symbol.rb

@@ -0,0 +1,70 @@
+module D3
+  class SymbolGenerator
+    include D3::Native
+
+    def call(*args)
+      @native.call(*args)
+    end
+
+    attribute_d3_block :size
+
+    def type(new_value=`undefined`, &block)
+      if block_given?
+        @native.JS.type{|*args| yield(*args).to_n}
+        self
+      elsif `new_value === undefined`
+        D3::SymbolType.new @native.JS.type
+      else
+        @native.JS.type(new_value.to_n)
+        self
+      end
+    end
+
+    def type=(new_value)
+      @native.type(new_value.to_n)
+      self
+    end
+  end
+
+  class SymbolType
+    include D3::Native
+  end
+
+  class << self
+    def symbol
+      D3::SymbolGenerator.new @d3.JS.symbol
+    end
+
+    def symbols
+      `window.d3.symbols`.map{|st| D3::SymbolType.new(st)}
+    end
+
+    def symbol_circle
+      D3::SymbolType.new `window.d3.symbolCircle`
+    end
+
+    def symbol_cross
+      D3::SymbolType.new `window.d3.symbolCross`
+    end
+
+    def symbol_diamond
+      D3::SymbolType.new `window.d3.symbolDiamond`
+    end
+
+    def symbol_square
+      D3::SymbolType.new `window.d3.symbolSquare`
+    end
+
+    def symbol_star
+      D3::SymbolType.new `window.d3.symbolStar`
+    end
+
+    def symbol_triangle
+      D3::SymbolType.new `window.d3.symbolTriangle`
+    end
+
+    def symbol_wye
+      D3::SymbolType.new `window.d3.symbolWye`
+    end
+  end
+end

data/lib/d3/threshold_scale.rb

@@ -0,0 +1,22 @@
+module D3
+  class ThresholdScale
+    include D3::Native
+    attributes_d3 %i[domain range]
+    alias_native_new :copy
+
+    def call(t)
+      @native.call(t)
+    end
+
+    def invert_extent(t)
+      a,b = @native.JS.invertExtent(t)
+      [`a === undefined ? nil : a`, `b === undefined ? nil : b`]
+    end
+  end
+
+  class << self
+    def scale_threshold
+      D3::ThresholdScale.new @d3.JS.scaleThreshold
+    end
+  end
+end

data/lib/d3/time_format.rb

@@ -0,0 +1,47 @@
+module D3
+  class TimeFormatLocale
+    include D3::Native
+    aliases_native %i[format utcFormat parse utcParse]
+  end
+
+  class << self
+    aliases_d3 %i[
+      timeFormat
+      timeParse
+      utcFormat
+      utcParse
+      isoFormat
+      isoParse
+    ]
+
+    def time_format_locale(spec={})
+      D3::TimeFormatLocale.new @d3.JS.timeFormatLocale(
+        {
+          dateTime: spec.fetch(:date_time, "%x, %X"),
+          date: spec.fetch(:date, "%-m/%-d/%Y"),
+          time: spec.fetch(:time, "%-I:%M:%S %p"),
+          periods: spec.fetch(:periods, ["AM", "PM"]),
+          days: spec.fetch(:days, ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]),
+          shortDays: spec.fetch(:short_days, ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]),
+          months: spec.fetch(:months, ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]),
+          shortMonths: spec.fetch(:short_months, ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]),
+        }.to_n
+      )
+    end
+
+    def time_format_default_locale(spec={})
+      D3::TimeFormatLocale.new @d3.JS.timeFormatDefaultLocale(
+        {
+          dateTime: spec.fetch(:date_time, "%x, %X"),
+          date: spec.fetch(:date, "%-m/%-d/%Y"),
+          time: spec.fetch(:time, "%-I:%M:%S %p"),
+          periods: spec.fetch(:periods, ["AM", "PM"]),
+          days: spec.fetch(:days, ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]),
+          shortDays: spec.fetch(:short_days, ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]),
+          months: spec.fetch(:months, ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]),
+          shortMonths: spec.fetch(:short_months, ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]),
+        }.to_n
+      )
+    end
+  end
+end

data/lib/d3/time_interval.rb

@@ -0,0 +1,85 @@
+module D3
+  class TimeInterval
+    include D3::Native
+
+    aliases_native %i[
+      round
+      floor
+      ceil
+      offset
+      range
+      count
+    ]
+    alias_native_new :every
+
+    def filter(&block)
+      D3::TimeInterval.new(@native.JS.filter(block))
+    end
+  end
+
+  class << self
+    def time_year; D3::TimeInterval.new(`window.d3.timeYear`); end
+    def utc_year; D3::TimeInterval.new(`window.d3.utcYear`); end
+    def time_month; D3::TimeInterval.new(`window.d3.timeMonth`); end
+    def utc_month; D3::TimeInterval.new(`window.d3.utcMonth`); end
+    def time_week; D3::TimeInterval.new(`window.d3.timeWeek`); end
+    def utc_week; D3::TimeInterval.new(`window.d3.utcWeek`); end
+    def time_monday; D3::TimeInterval.new(`window.d3.timeMonday`); end
+    def utc_monday; D3::TimeInterval.new(`window.d3.utcMonday`); end
+    def time_tuesday; D3::TimeInterval.new(`window.d3.timeTuesday`); end
+    def utc_tuesday; D3::TimeInterval.new(`window.d3.utcTuesday`); end
+    def time_wednesday; D3::TimeInterval.new(`window.d3.timeWednesday`); end
+    def utc_wednesday; D3::TimeInterval.new(`window.d3.utcWednesday`); end
+    def time_thursday; D3::TimeInterval.new(`window.d3.timeThursday`); end
+    def utc_thursday; D3::TimeInterval.new(`window.d3.utcThursday`); end
+    def time_friday; D3::TimeInterval.new(`window.d3.timeFriday`); end
+    def utc_friday; D3::TimeInterval.new(`window.d3.utcFriday`); end
+    def time_saturday; D3::TimeInterval.new(`window.d3.timeSaturday`); end
+    def utc_saturday; D3::TimeInterval.new(`window.d3.utcSaturday`); end
+    def time_sunday; D3::TimeInterval.new(`window.d3.timeSunday`); end
+    def utc_sunday; D3::TimeInterval.new(`window.d3.utcSunday`); end
+    def time_day; D3::TimeInterval.new(`window.d3.timeDay`); end
+    def utc_day; D3::TimeInterval.new(`window.d3.utcDay`); end
+    def time_hour; D3::TimeInterval.new(`window.d3.timeHour`); end
+    def utc_hour; D3::TimeInterval.new(`window.d3.utcHour`); end
+    def time_minute; D3::TimeInterval.new(`window.d3.timeMinute`); end
+    def utc_minute; D3::TimeInterval.new(`window.d3.utcMinute`); end
+    def time_second; D3::TimeInterval.new(`window.d3.timeSecond`); end
+    def utc_second; D3::TimeInterval.new(`window.d3.utcSecond`); end
+    def time_millisecond; D3::TimeInterval.new(`window.d3.timeMillisecond`); end
+    def utc_millisecond; D3::TimeInterval.new(`window.d3.utcMillisecond`); end
+
+    aliases_d3 %i[
+      timeYears
+      utcYears
+      timeMilliseconds
+      utcMilliseconds
+      timeSeconds
+      utcSeconds
+      timeMinutes
+      utcMinutes
+      timeHours
+      utcHours
+      timeDays
+      utcDays
+      timeWeeks
+      utcWeeks
+      timeSundays
+      utcSundays
+      timeMondays
+      utcMondays
+      timeTuesdays
+      utcTuesdays
+      timeWednesdays
+      utcWednesdays
+      timeThursdays
+      utcThursdays
+      timeFridays
+      utcFridays
+      timeSaturdays
+      utcSaturdays
+      timeMonths
+      utcMonths
+    ]
+  end
+end

data/lib/d3/transformations.rb

@@ -0,0 +1,16 @@
+module D3
+  class << self
+    aliases_d3 %i[
+      cross
+      merge
+      pairs
+      permute
+      shuffle
+      ticks
+      tickStep
+      range
+      transpose
+      zip
+    ]
+  end
+end

data/lib/hyper-d3.rb

@@ -0,0 +1,17 @@
+require "hyperloop-config"
+require "hyper-component"
+Hyperloop.import "d3/source/d3.js", client_only: true
+Hyperloop.import "d3/source/d3-drag.js", client_only: true
+Hyperloop.import "d3/source/d3-scale-chromatic.js", client_only: true
+Hyperloop.import "hyper-d3"
+require "opal-activesupport"
+require "hyperloop/d3/version"
+
+if RUBY_ENGINE == 'opal'
+  require "d3"
+  require "hyper-component"
+  require "hyperloop/d3/mixin"
+  require "hyperloop/d3/component"
+else
+  Opal.append_path __dir__.untaint
+end

data/lib/hyperloop/d3/component.rb

@@ -0,0 +1,12 @@
+module Hyperloop
+  module D3
+    class Component
+      include Hyperloop::D3::Mixin
+      def self.inherited(base)
+        base.class_eval do
+          param data: nil
+        end
+      end
+    end
+  end
+end

data/lib/hyperloop/d3/mixin.rb

@@ -0,0 +1,59 @@
+require 'react/component'
+
+module Hyperloop
+  module D3
+    module Mixin
+      def self.included(base)
+        base.include(Hyperloop::Component::Mixin)
+        base.class_eval do
+          param data: nil
+
+          def _set_dom_node(dom_node)
+            @_dom_node = dom_node
+          end
+
+          def self.before_unmount_with_selection(&block)
+            before_unmount do
+              if @_dom_node && block
+                selection = ::D3.select(@_dom_node)
+                block.call(selection, @_data)
+              end
+            end
+          end
+
+          def self.render_with_selection(tag = 'SVG', &block)
+            render do
+              if block
+                @_d3_render_block = block
+              else
+                @_d3_render_block = proc { |selection, data| selection.text("Please supply a block for render_with_selection")}
+              end
+              @_data = params.data
+              send(tag, ref: method(:_set_dom_node).to_proc)
+            end
+          end
+
+          def should_component_update?
+            false
+          end
+
+          after_mount do
+            if @_dom_node && @_d3_render_block
+              selection = ::D3.select(@_dom_node)
+              @_d3_render_block.call(selection, @_data)
+            end
+          end
+
+          before_receive_props do |new_props|
+            @_data = new_props[:data] if new_props[:data]
+            if @_dom_node && @_d3_render_block
+              selection = ::D3.select(@_dom_node)
+              @_d3_render_block.call(selection, @_data)
+            end
+          end
+        end
+      end
+
+    end
+  end
+end

data/lib/hyperloop/d3/version.rb

@@ -0,0 +1,5 @@
+module Hyperloop
+  module D3
+    VERSION = "1.0.0.lap23"
+  end
+end

data/spec/arc_spec.rb

@@ -0,0 +1,80 @@
+describe "d3 - arc" do
+  it "d3.arc" do
+    expect(D3.arc).to be_instance_of(D3::ArcGenerator)
+  end
+
+  let(:example_arc) {
+    D3.arc
+      .inner_radius(0)
+      .outer_radius(100)
+      .start_angle(0)
+      .end_angle(Math::PI / 2)
+  }
+
+  # That's a weird rounding error, documentation says "M0,-100A100,100,0,0,1,100,0L0,0Z"
+  it "basics" do
+    expect(example_arc.()).to eq("M6.123233995736766e-15,-100A100,100,0,0,1,100,0L0,0Z")
+  end
+
+  it "passing hash" do
+    arc = D3.arc
+    expect(arc.({
+      innerRadius: 0,
+      outerRadius: 100,
+      startAngle: 0,
+      endAngle: Math::PI / 2,
+    }.to_n)).to eq("M6.123233995736766e-15,-100A100,100,0,0,1,100,0L0,0Z")
+  end
+
+  it "arc.inner_radius" do
+    arc = D3.arc.inner_radius(20)
+    expect(arc.inner_radius.()).to eq(20)
+    arc.inner_radius{|t| t*10}
+    expect(arc.inner_radius.(12)).to eq(120)
+  end
+
+  it "arc.outer_radius" do
+    arc = D3.arc.outer_radius(100)
+    expect(arc.outer_radius.()).to eq(100)
+    arc.outer_radius{|t| t*10}
+    expect(arc.outer_radius.(12)).to eq(120)
+  end
+
+  it "arc.start_angle" do
+    arc = D3.arc.start_angle(Math::PI/2)
+    expect(arc.start_angle.()).to eq(Math::PI/2)
+    arc.start_angle{|t| t*10}
+    expect(arc.start_angle.(12)).to eq(120)
+  end
+
+  it "arc.end_angle" do
+    arc = D3.arc.end_angle(3*Math::PI/2)
+    expect(arc.end_angle.()).to eq(3*Math::PI/2)
+    arc.end_angle{|t| t*10}
+    expect(arc.end_angle.(12)).to eq(120)
+  end
+
+  it "arc.corner_radius" do
+    arc = D3.arc.corner_radius(5)
+    expect(arc.corner_radius.()).to eq(5)
+    arc.corner_radius{|t| t*10}
+    expect(arc.corner_radius.(12)).to eq(120)
+    expect(example_arc.corner_radius(5).()).to eq(
+      "M6.217248937900877e-15,-94.86832980505139"+
+      "A5,5,0,0,1,5.263157894736849,-99.86139979479094"+
+      "A100,100,0,0,1,99.86139979479093,-5.263157894736842"+
+      "A5,5,0,0,1,94.86832980505139,0"+
+      "L0,0Z"
+    )
+  end
+
+  it "arc.centroid" do
+    expect(example_arc.centroid).to eq([35.35533905932738, -35.35533905932737])
+    expect(D3.arc.centroid({
+      innerRadius: 20,
+      outerRadius: 40,
+      startAngle: Math::PI * 0.25,
+      endAngle: Math::PI * 0.75 ,
+    }.to_n)).to eq([30,0])
+  end
+end