miusarname / d3-project-n-2

Here, I will create a scatter plot using D3. This project will reflect my ability to visualise data effectively, leveraging the power of D3.js to create interactive and expressive plots. 📊✨ #D3ScatterPlot

Project: Doping in Professional Bicycle Racing - FCC

This project visualizes doping in professional cycling using D3.js.

Tech Stack

• Client: JavaScript (D3)
• Deployment: Netlify

Demo

View Demo

Installation

1. Clone the repository.
2. Open index.html in a web browser.

About

This project visualizes data regarding doping allegations in professional bicycle racing, focusing on the 35 fastest times up Alpe d'Huez.

Features

• Scatter plot visualization of cycling data.
• Tooltip displays detailed information about cyclists.
• Legend indicates doping allegations.

File Structure

• index.html: HTML file containing the structure of the webpage.
• style.css: CSS file for styling the webpage.
• D3.js: JavaScript file containing D3 library import and usage.
• cyclist-data.json: JSON file containing the cyclist data.

Developer

• GitHub: @miusarname

For more details, explore the source code or contact the developer directly.

Feel free to contribute and improve this project!

プロジェクト: FCCのプロフェッショナル自転車レースにおけるドーピング

このプロジェクトは、D3.jsを使用してプロのサイクリングにおけるドーピングを視覚化します。

テックスタック

• クライアント: JavaScript（D3）
• デプロイ: Netlify

デモ

デモを見る

インストール

1. リポジトリをクローンします。
2. index.htmlをウェブブラウザで開きます。

詳細

このプロジェクトは、プロの自転車レースでのドーピングの申し立てに関するデータを視覚化し、特にアルプ・デュエズでの35番目の最速タイムに焦点を当てています。

特徴

• 自転車データの散布図の視覚化。
• ツールチップが自転車選手の詳細情報を表示します。
• 伝説はドーピングの申し立てを示します。

ファイル構造

• index.html: ウェブページの構造を含むHTMLファイル。
• style.css: ウェブページのスタイルを設定するCSSファイル。
• D3.js: D3ライブラリのインポートと使用を含むJavaScriptファイル。
• cyclist-data.json: 自転車選手のデータを含むJSONファイル。

開発者

• GitHub: @miusarname

詳細については、ソースコードを調べるか、開発者に直接お問い合わせください。

このプロジェクトの改善や貢献を自由に行ってください！

---

项目：FCC职业自行车比赛中的兴奋剂

该项目使用D3.js可视化职业自行车比赛中的兴奋剂情况。

技术栈

• 客户端： JavaScript（D3）
• 部署： Netlify

演示

查看演示

安装

1. 克隆存储库。
2. 在Web浏览器中打开 index.html。

关于

该项目可视化了职业自行车比赛中有关兴奋剂的数据，重点关注阿尔卑斯山上的35个最快时间。

特点

• 自行车数据的散点图可视化。
• 工具提示显示有关自行车手的详细信息。
• 图例指示了兴奋剂指控。

文件结构

• index.html：包含网页结构的HTML文件。
• style.css：用于设置网页样式的CSS文件。
• D3.js：包含D3库导入和使用的JavaScript文件。
• cyclist-data.json：包含自行车手数据的JSON文件。

开发者

• GitHub：@miusarname

有关详细信息，请查看源代码或直接联系开发者。

欢迎贡献和改进这个项目！