Codepen October Challenge: ハロウィーン エディション with WebDataRocks

プログラマーの皆さん、こんにちは！テーブルのスタイル設定は非常に難しい作業であることは誰もが知っています。そこで、ハロウィーンの日常にちょっとした楽しみをもたらすことにしました。そこで、このチャレンジを念頭に置いて、11 月の CodePen チャレンジに参加しました。これが私にとって初めての記事なので、私たちの取り組みの結果を皆さんと共有できることを非常に楽しみにしています。ただし、ダッシュボードの説明に入る前に、この毎月のコーディング イベントの内容を少し見てみましょう。

CodePen チャレンジの概要 / >
参加者は毎週、創造的なギアを変える新しいコーディングの課題にさらされます。ある週は解決するのが難しい問題ですが、次の週には新たな挑戦が待っています。 ?
時が経ち、気が付くと10月は一年で最も不気味な月です。 ?そして、ハロウィーンと同じように、今月のチャレンジは少し怖くて居心地の良いものです。それともその逆ですか?
最近、私のプロジェクトでは、ピボット テーブル用の無料ライブラリである WebDataRocks を積極的に使用しています。 CodePen のタスクをより難しくするために、私は自分自身を制限し、このコンポーネントのみを使用してタスクを完了することに挑戦することにしました。

結果をチェックしている間、私がこれらの不気味で魅力的なタスクを作成中に楽しんだのと同じくらい楽しんでいただければ幸いです。 ?

ハロウィンのカボチャ / >

私たちの旅は、まさにハロウィーンにインスパイアされた野菜、カボチャから始まります!??カスタム スタイルを適用することで、データ セクションに不気味なひねりを加え、グリッド上の見慣れたアイコンをハロウィーンをテーマにしたアイコンに置き換えて、グラフを楽しんでみました。視聴者がどのデータセットを扱っているかを推測する必要がないようにしました。グラフは、レポートやデータ分析の操作に最適です。グラフは情報を整理し、圧倒されることなく視覚的に魅力的に保ち、スタイリッシュな雰囲気を加えるという完璧な組み合わせです。インフォグラフィックスにも最適で、複雑なデータを一目で簡単に理解できるようになります。

カボチャを購入したい場合は、現在のカボチャの価格を確認することを強くお勧めします。 ?

ハロウィンコスチューム / >
ハロウィンのお祝いで最も愛されているのは、不気味なキャラクターに仮装することです。 2024 年の「最も恐ろしい」夜、同僚と私はさまざまな生き物に変身しましたが、それぞれが前回よりもさらに恐ろしいものになりました。その後、ハロウィーンの調査データセットを偶然見つけ、最も人気のあるコスチュームの選択肢を調査するきっかけになりました。傾向を分析するために、データセットからの衣装の選択を追跡するピボット テーブルを設計しました。これは、不気味な創造性と構造化データ分析を組み合わせて、人々が今年何を着たかを明らかにする楽しく洞察力に富んだ方法になりました。 ??

個人的には、2024 年に、私は一晩吸血鬼に変えられました ??‍♀️。ハロウィンのキャラクターを見つけたい場合は、フィルターを使用できます:

ハロウィーン映画 / >
3週目のテーマはハロウィン映画についてでした！ ?
心臓が高鳴るときの背筋も凍るような感覚を求めたことがあるなら、もう探す必要はありません。史上最も成功したハロウィーン映画を紹介するペンをチェックしてください。良質な恐怖を愛し、何年にもわたって私たちをハラハラさせ続けてきた最高の映画に飛び込みたい人にとっては、これはご褒美です。 ?

不気味な映画を楽しみたい気分の場合に備えて、このピボット テーブルをデバイスに保存することを強くお勧めします。

トリックとおやつ / >
最終週では、ハロウィーンをテーマにした究極のチャレンジが提供されました。 (コードだけではありませんが、それはまったく別の話です) 私は、「秋のお気に入りのキャンディを選んでください (不気味な季節)」というこのデータセットを偶然見つけました。このデータセットは、あらゆる年齢や背景の人々が何を手に入れたいのかを把握するために作成されました。ハロウィンの時期には食べます。そこで、楽しむことに決め、ハロウィーンの人気のお菓子をすべて紹介するピボット テーブルを作成しました。実際に機能するフィルターを使用すると、誰でも自分が興味のあるものをすぐに見つけることができます。ハロウィーンのちょっとした組織が嫌いな人がいるでしょうか? ?

結論 / >
全体として、これが CodePen との 10 月の旅が実現した方法です。今月の課題は、単にコードを書き出すことではなく、創造的なアイデアを生み出し、デザインを楽しみ、プロセスのあらゆる段階を楽しむことが目的でした。データ ダッシュボードのスタイリングからハロウィーンの魅力のキャプチャまで、それぞれのタスクに不気味な楽しさが加わり、私たちは夢中になり、インスピレーションを得ることができました。技術的なスキル、想像力、そしてちょっとしたハロウィーンのいたずらが完璧に融合しました!

以上がCodepen October Challenge: ハロウィーン エディション with WebDataRocksの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。