D3.jsなどを用いたヒストグラム（棒グラフ）、スライダーバーの作成の仕事
D3.jsなどを用いたヒストグラム（棒グラフ）、スライダーバーの作成に関する仕事・募集案件ページです。クラウドソーシングのランサーズで、Webシステム開発・プログラミングに関する最適な外注/発注先をお探しの方、副業案件・求人をお探しのフリーランスの方はまず会員登録がおすすめです。
Webシステム開発・プログラミングに関連した他の仕事を探す
見積もり募集の結果
募集期間
3日間
提案数
4件
当選人数
1 件
(募集人数1人)
実際の発注内容
デザインから開発まで幅広く対応します。BOT、自動購入ツールを開発します。
- 希望時間単価 3,000円~
- 実績 9
- 評価満足率 75 %
- プロジェクト完了率 88%
- 機密保持 -
- 本人確認 -
- 電話 -
こんにちは。 ■勤務時間：月曜～土曜の午前9時～午後7時まで、毎日作業しております。 私たちの主なスキル： 1.ウェブシステム： .Wordpress,Shopify、Woocommerce、EC-Cube、Wix、Magento .Python、Django、ASP.NET Ruby on Rails .SEO、インター... 続きを読む
見積もり募集の内容
- 依頼の目的・背景
-
現在弊社で開発している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
- フレームワーク
- ランサーに相談して決めたい
- 開発の継続性
- この開発の後も、継続的に依頼したいと思っております。
- 補足説明
- 設定なし