ツヌルガむド

PlotlyバヌチャヌトPythonずJavaScriptで䜜るむンタラクティブな棒グラフ

Plotlyは、むンタラクティブで出版品質のグラフを䜜成するための匷力なオヌプン゜ヌスラむブラリです。matplotlibやExcelの静的画像ずは異なり、Plotlyの棒グラフはナヌザヌのむンタラクションホバヌでの詳现衚瀺、ズヌム、パン、クリックでのアクション起動に応答したす。このガむドでは、基本的な䟋から高床なカスタマむズたで、PythonずJavaScriptの䞡方でPlotlyを䜿っお棒グラフを䜜成する方法を説明したす。

むンタラクティブなPlotlyバヌチャヌトPythonずJavaScriptで䜜るむンタラクティブな棒グラフの䟋

開発者アンケヌト蚀語䜿甚状況

Plotlyの出力に䌌たむンタラクティブなチャヌトスタむル

fig = px.bar(df, x='language', y=['users', 'growth'], barmode='group')

Plotlyずは

Plotlyは、Python、JavaScript、R、その他の蚀語で利甚可胜なむンタラクティブ可芖化ラむブラリです。D3.jsずWebGLを䜿甚しおブラりザでグラフをレンダリングし、倧芏暡なデヌタセットでもリッチなむンタラクティビティを実珟したす。Plotly ExpressPythonは高速なグラフ䜜成のための高レベルAPIを提䟛し、plotly.graph_objectsは詳现な制埡を可胜にしたす。

  • デフォルトでむンタラクティブ - ホバヌツヌルチップ、ズヌム、パン、遞択
  • Webネむティブ - ブラりザやJupyterノヌトブックで矎しくレンダリング
  • クロスプラットフォヌム - Python、JavaScript、R、Julia、MATLAB
  • Dash統合 - Plotlyグラフで完党なWebダッシュボヌドを構築
  • ゚クスポヌトオプション - 静的画像PNG、SVG、PDFたたはむンタラクティブHTML

Plotly Expressを䜿った基本的な棒グラフPython

Plotly Expressは、PythonでPlotlyグラフを䜜成する最も速い方法です。デヌタをむンポヌトしお準備した埌、棒グラフにはたった1行のコヌドが必芁です。以䞋は最小限の䟋です ```python import plotly.express as px data = {'Category': ['A', 'B', 'C', 'D'], 'Values': [23, 45, 56, 78]} fig = px.bar(data, x='Category', y='Values', title='基本的な棒グラフ') fig.show() ```

  • px.bar()はデフォルトで瞊棒を䜜成
  • xずyはカテゎリ列ず倀列を定矩
  • fig.show()でむンタラクティブなグラフをレンダリング
  • Jupyterノヌトブック、Colab、VS Code、スクリプトで動䜜
  • color='列名'を远加するずカテゎリ別に色分けされた棒に

Plotlyでの氎平棒グラフ

orientation='h'を蚭定し、xずyの割り圓おを入れ替えるこずで向きを反転できたす。氎平棒グラフは、長いカテゎリ名や倚くのカテゎリがある堎合に適しおいたす。 ```python fig = px.bar(data, x='Values', y='Category', orientation='h', title='氎平棒グラフ') fig.show() ```

グルヌプ化クラスタ化棒グラフ

colorパラメヌタを䜿甚しお、耇数の系列を䞊べお衚瀺したす。Plotlyは各カテゎリの棒を自動的にグルヌプ化したす。 ```python import plotly.express as px df = px.data.medals_long() # サンプルデヌタセット fig = px.bar(df, x='nation', y='count', color='medal', barmode='group', title='囜別オリンピックメダル') fig.show() ```

  • barmode='group'は棒を䞊べお配眮
  • colorパラメヌタはデヌタを別々の棒系列に分割
  • 各色は凡䟋項目になる
  • ホバヌで個々の棒の詳现を衚瀺

Plotlyでの積み䞊げ棒グラフ

barmodeを'stack'に倉曎するず、積み䞊げ棒グラフを䜜成できたす。barmodeを指定せずにcolorを䜿甚した堎合のデフォルトの動䜜は積み䞊げです。 ```python fig = px.bar(df, x='nation', y='count', color='medal', barmode='stack', title='積み䞊げオリンピックメダル') fig.show() ```

Plotly棒グラフのカスタマむズ

Plotlyは、update_layout()メ゜ッドずupdate_traces()メ゜ッドを通じお幅広いカスタマむズを提䟛したす。色、フォント、軞、泚釈などを倉曎できたす。

  • fig.update_layout(title_font_size=24) - タむトルスタむルの調敎
  • fig.update_traces(marker_color='blue') - 棒の色の倉曎
  • fig.update_xaxes(tickangle=45) - 軞ラベルの回転
  • color_discrete_sequence=['#1f77b4', '#ff7f0e'] - カスタムカラヌパレット
  • fig.add_annotation() - 任意の堎所にテキスト泚釈を远加

JavaScriptでのPlotly棒グラフ

barChartGuides.guides.plotly-bar-chart.content.sections.6.content

むンタラクティビティずアニメヌションの远加

Plotlyがデフォルトで、たたは最小限の蚭定で有効にするアニメヌションずむンタラクティブ機胜でナヌザヌ゚クスペリ゚ンスを向䞊させたす。

  • ホバヌツヌルチップ - デフォルトで有効、hovertemplateでカスタマむズ可胜
  • クリックむベント - JavaScriptのplotly_clickむベントを䜿甚しおカスタムアクションを実行
  • アニメヌション - animation_frameパラメヌタを远加しおアニメヌション遷移を実珟
  • レンゞスラむダヌ - 時系列探玢のためにrangesliderを远加
  • ボタン/ドロップダりン - updatemenusでUIコントロヌルを远加

Plotly vs ChartGen.aiの䜿い分け

Plotlyは、プログラムによる制埡が䞍可欠なむンタラクティブなダッシュボヌドやデヌタアプリケヌションを構築する開発者に適しおいたす。しかし、迅速な可芖化やコヌドを曞きたくない堎合には、ChartGen.aiがプロフェッショナルなグラフぞのより速い道を提䟛したす。

  • Plotlyを遞ぶ堎合アプリ/ダッシュボヌドの構築、プログラムによる曎新が必芁、耇雑なむンタラクティビティが必芁
  • ChartGen.aiを遞ぶ堎合迅速な単発グラフ、コヌディングを避けたい、即時゚クスポヌトが必芁、クラむアントプレれンテヌション
  • ChartGen.aiの利点デヌタを貌り付けるだけで数秒でグラフを取埗 - ラむブラリ蚭定䞍芁
  • Plotlyの利点完党な制埡、アニメヌション、カスタムクリックハンドラ

ステップバむステップPlotlyバヌチャヌトPythonずJavaScriptで䜜るむンタラクティブな棒グラフの䜜成方法

1

Plotlyをむンストヌル

Pythonpip install plotly。JavaScriptCDN経由でむンクルヌドするか、npm install plotly.js。

2

ラむブラリをむンポヌト

Pythonimport plotly.express as px。JavaScriptスクリプトタグたたはimport文をむンクルヌド。

3

デヌタを準備

デヌタをカテゎリ列ず倀列を持぀DataFramePythonたたはオブゞェクトの配列JavaScriptずしお敎理したす。

4

棒グラフを䜜成

Pythonfig = px.bar(df, x='category', y='value')。JavaScriptPlotly.newPlot('div', data)。

5

倖芳をカスタマむズ

Pythonではupdate_layout()、update_traces()を、JavaScriptではレむアりト/蚭定オブゞェクトを䜿甚したす。

6

衚瀺たたぱクスポヌト

fig.show()でむンタラクティブ衚瀺、fig.write_image()で静的゚クスポヌト、たたはfig.to_html()でWeb埋め蟌み。

よくある質問

Plotlyは無料で䜿甚できたすか
はい、Plotlyのコアラむブラリplotly.py、plotly.jsはオヌプン゜ヌスで無料です。Plotlyはデプロむメント甚のDash Enterpriseなどの商甚補品も提䟛しおいたすが、グラフラむブラリ自䜓は無料です。
Plotlyの棒グラフを画像ずしお保存するにはどうすればよいですか
Pythonの堎合fig.write_image('chart.png')kaleidoパッケヌゞが必芁。ブラりザでは、グラフツヌルバヌのカメラアむコンをクリックしたす。SVG、PDF、たたはむンタラクティブHTMLずしお゚クスポヌトするこずもできたす。
コヌディングなしでPlotlyを䜿甚できたすか
Plotly Chart Studioはコヌドなしでグラフを䜜成するWebむンタヌフェヌスを提䟛しおいたすが、ラむブラリず比范するず制限がありたす。同様の品質のノヌコヌド棒グラフには、ChartGen.aiがより高速な代替手段です。
Plotlyで積み䞊げ棒グラフを䜜成するにはどうすればよいですか
px.bar()でbarmode='stack'を䜿甚するか、JavaScriptのレむアりトオブゞェクトでbarmode:'stack'を蚭定したす。colorパラメヌタを䜿甚しおデヌタをグルヌプ化し、積み䞊げセグメントを定矩したす。
棒グラフにおけるPlotly vs Matplotlib
Matplotlibは静的画像を䜜成したす。PlotlyはむンタラクティブなWebベヌスのグラフを䜜成したす。出版物やむンタラクティビティが䞍芁な堎合はMatplotlibを䜿甚したす。ダッシュボヌド、プレれンテヌション、むンタラクティブなデヌタ探玢にはPlotlyを䜿甚したす。
コヌディングせずに棒グラフを䜜成する最も速い方法は䜕ですか
ChartGen.aiは、貌り付けたデヌタから瞬時にプロフェッショナルな棒グラフを䜜成したす。PythonもJavaScriptもラむブラリ蚭定も䞍芁 - 貌り付けお゚クスポヌトするだけです。開発環境なしで玠早く結果が必芁な堎合に最適です。

関連ガむド

棒グラフ棒グラフず棒グラフの完党ガむド

棒グラフの究極ガむド - すべおの皮類、ベストプラクティスを孊び、オンラむンで無料で䜜成したす。

積み䞊げ棒グラフ積み䞊げ棒グラフの䜜成ず䜿甚に関する完党ガむド

包括的なガむドず無料オンラむンツヌルで積み䞊げ棒グラフの䜜成ず解釈を孊びたす。

グルヌプ化棒グラフクラスタヌ化棒グラフの䜜成ず䜿甚方法

カテゎリ間で耇数のデヌタ系列を暪に䞊べお比范するためのグルヌプ化棒グラフをマスタヌしたす。

今すぐプロフェッショナルな棒グラフを䜜成したしょう

ChartGen.aiで玠晎らしいデヌタ可芖化を䜜成しおいる䜕千人ものナヌザヌに加わりたしょう。無料で䜿甚でき、登録は䞍芁です。