この募集は終了しました。

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

見積もり募集の結果

募集期間

3日間

提案数

4件

閲覧数

81回

実際の発注内容

依頼の予算

20,000 円 ~ 50,000 円

実際の支払金額

60,000 円 ~ 70,000 円

製作期間

5日

実際の受注者

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
※上記はスライダーバーのカーソルが１つしかありませんが、今回はカーソルが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

フレームワーク: 分からないので、相談して決めさせていただければと思います。

開発の継続性: この開発の後も、継続的に依頼したいと思っております。

補足説明: 設定なし

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

見積もり募集の結果

実際の発注内容

見積もり募集の内容

この仕事に似たWebシステム開発・プログラミングの他の仕事を探す

Webシステム開発・プログラミングに関連した他の仕事を探す