前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JavaScript代做编程辅导:CSE6242 D3 Graphs and Visualization

JavaScript代做编程辅导:CSE6242 D3 Graphs and Visualization

原创
作者头像
拓端
发布2022-10-27 17:56:18
2120
发布2022-10-27 17:56:18
举报
文章被收录于专栏:拓端tecdat拓端tecdat

全文链接:tecdat.cn/?p=29684

Introduction

D3.js是Javascript中的一个利用Html5的SVG的图形库,主要用于数据可视化。用他画出来的网页的确是狂拽炫酷吊炸天,但是如果浏览器很差的话,或者计算机性能很差,或者数据计算量很大的话,会卡到死。 D3总体来说还是不错的,内置了jQuery语法,熟悉选择器的话,这个库上手很快。 但是,这个库要求有很好的HTML5基础,特别是SVG标签的用法。

Requirement

这个编程作业就一个字:累。需要实现的东西非常多,而且杂,互相之间也没有什么关系。

Part 1: Visualizing Data using D3

Q1

Create a scatter plot visualization with the provided data in the file Data.csv. According to the examples for scatter plot. Attributes / features of the data:

  1. Speed of wind in km/h.
  2. Month of the year.
  3. The forest burnt area.

Any appropriate range for scale is allowed, and any appropriate size for squares is allowed. Submit Q1.pdf with a screenshot of this page.

Q2

According to data provided in the file Q2.csv, a bar chart visualization should be drawn. Your task requires to visualize the number of students in Q2.csv. Transfer the data in Q2.csv to Q2_transfer.csv, you can use a Python script or Java program to archive this goal.

Q3

Now you knows a lot of features in D3 for graph visualization. This time you need to use D3 to draw a graph.

  1. Using labels for each node.
  2. All nodes can be pinned.
  3. Draw links with different color.
  4. Use tooltips when mouse over.

Part 2: Visualizing Statistics of Refugees in Europe

Q4

After Part1, this time you need to work on real data, and try to find out the appropriate data visualization technology.

  1. Your should transfer Q4.csv to Q4_transfer.csv, you can use a Python script or Java program to do this job.
  2. Use a table to show the relationship inside this dataset, you can draw any graph you like.
  3. Use D3 to visualize your data, you should use d3.slider library.

Part 3: Visualizing College Scorecard data

Q5

After Part2, this time you should find a real dataset, and use your data visualization technology to show it, good luck!

Summary

非常花时间的一次作业,csv数据集非常恶心,从一开始的给定数据,到复杂数据,最后自己找数据,整整花了两天吧。得分点很多,也很细,不过万幸的是Bonus很简单。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 全文链接:tecdat.cn/?p=29684
  • Introduction
  • Requirement
  • Part 1: Visualizing Data using D3
    • Q1
      • Q2
        • Q3
        • Part 2: Visualizing Statistics of Refugees in Europe
          • Q4
          • Part 3: Visualizing College Scorecard data
            • Q5
            • Summary
            相关产品与服务
            文件存储
            文件存储(Cloud File Storage,CFS)为您提供安全可靠、可扩展的共享文件存储服务。文件存储可与腾讯云服务器、容器服务、批量计算等服务搭配使用,为多个计算节点提供容量和性能可弹性扩展的高性能共享存储。腾讯云文件存储的管理界面简单、易使用,可实现对现有应用的无缝集成;按实际用量付费,为您节约成本,简化 IT 运维工作。
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档