D3.jsなどを用いたヒストグラム(棒グラフ)、スライダーバーの作成の仕事・依頼・料金 | Webシステム開発・プログラミングの仕事 【クラウドソーシング ランサーズ】[ID:2220499]

サイトマップ
For 発注者
この募集は終了しました。

D3.jsなどを用いたヒストグラム(棒グラフ)、スライダーバーの作成の仕事

見積もり募集の結果

募集期間

3日間

提案数

4件

閲覧数

81回

実際の発注内容

依頼の予算
20,000 円 ~ 50,000
実際の支払金額
60,000 円 ~ 70,000
製作期間
5
実際の受注者
developer 004
developer 004

デザインから開発まで幅広く対応します。

  • 希望時間単価 3,000円~
  • 実績 10
  • 評価 4.1
  • プロジェクト完了率 100%
  • 機密保持
  • 本人確認
  • 電話

こんにちは。 ■勤務時間:月曜~土曜の午前9時~午後7時まで、毎日作業しております。 私たちの主なスキル: 1.ウェブシステム: .PHP/Laravel, Codeigniter, CakePHP, Yii, Symfony .Javascript/Angular.js, React.js, Vue.js, D3.js .Wordp... 続きを読む

スキル
PHP5
JavaScript
CakePHP
Amazon Web Services
HTML
RubyOnRails
... もっと見る
発注者の声

見積もり募集の内容

依頼の目的・背景
現在弊社で開発しているwebシステムの一部を担当していただきたいと思います。

内容としましてはサーバから返却される配列を元に、ヒストグラムを棒グラフで作成します。
そのグラフの下には、スライダーバーが配置され、棒グラフの範囲を指定ができます。

スライダーバーで指定された範囲の棒グラフは色を変えたいです。
また特定の階級については、色を変えたいです。

またスライダーバーを移動するとAjaxでリクエストする必要があります。

・ヒストグラム+スライダーバーのイメージ
https://stackoverflow.com/questions/42150625/how-to-style-slider-on-chart-in-d3-js-and-show-label-of-dynamic-y-value?rq=1
※上記はスライダーバーのカーソルが1つしかありませんが、今回はカーソルが2つあり、範囲を指定できるようにします。

・ヒストグラムのイメージ
https://bl.ocks.org/d3noob/96b74d0bd6d11427dd797892551a103c

・スライダーバーのイメージ
https://www.cssscript.com/html5-multi-handle-range-slider-polyfill-solution-multirange/


以下、具体的な動作イメージです。

例えば以下が入力データとします。
[1,3,12,14,31,44,45,47]

また以下が階級データとします。
[10,20,30,40,50]

その場合以下をグラフ化します。
階級 件数
10 2
20 2
30 0
40 1
50 3

実際の入力データは約2000件となります。

階級データは入力データから自動で階級を生成したいです。
(上記例でいうと47が最大値なので最大を50として階級を10,20,30,40,50とする。階級の数については固定値で構いません。この要件は難易度によって相談とさせてください。)

javascriptのD3.jsでの作成をお願いしたいと考えていますが、他にやりやすい方法があれば、ご提案いただければと思います。

分野
会員制サイト
作業範囲
  • フロントエンド開発
用意してあるもの
設定なし
参考URL
https://stackoverflow.com/questions/42150625/how-to-style-slider-on-chart-in-d3-js-and-show-label-of-dynamic-y-value?rq=1
https://bl.ocks.org/d3noob/96b74d0bd6d11427dd797892551a103c
https://www.cssscript.com/html5-multi-handle-range-slider-polyfill-solution-multirange/
希望開発言語
JavaScript
フレームワーク
分からないので、相談して決めさせていただければと思います。
開発の継続性
この開発の後も、継続的に依頼したいと思っております。
補足説明
設定なし