蚂蚁金服蚂蚁集团-数据可视化前端工程师-具身智能方向
社招全职3年以上技术类-数据地点:上海状态:招聘
任职要求
1、精通 Javascript/TypeScript,熟练掌握 React 等现代前端框架、SSR/微前端、性能优化 2、熟悉 Canvas/SVG 绘图技术,掌握 D3.js 等数据可视化库 3、熟悉 Blender,3Dmax,Solidworks 相关建模工具,熟悉URDF数据格式,熟悉三维模型数据处理 4、拥有丰富的 2D/3D 图形学知识和数据可视化开发经验,熟练使用至少一种 WebGL 库,如 Thre…
登录查看完整任职要求
微信扫码,1秒登录
工作职责
核心使命:构建下一代具身智能数据交互平台,通过高性能Web 可视化技术,赋能算法研发、数据闭环与仿真验证。 1. 多模态数据可视化引擎开发 - 统计分析可视化:开发数据看板,支持对海量机器人数据(任务日志、状态指标、标注结果)的聚合、筛选、图表展示(时序曲线、热力图、分布图等)。 - 实时回放与交互可视化:构建类播放器的交互界面,支持传感器数据(视频流、点云、IMU)及机器人状态(关节角度/轨迹)的逐帧回放、拖拽跳转、多流同步。 2. 数据工具链前端实现 - 可视化标注平台:开发交互式标注工具(如2D/3D 框体标注、轨迹标注、语义标注),支持视频、点云等多模态数据的联合标注,并与后端标注存储系统集成。 - 数据查询与检索系统:实现灵活的数据查询界面(如按时间范围、任务ID、传感器类型过滤),支持数据样本的实时预览与导出。 - 仿真过程可视化:对接仿真引擎,实时渲染机器人动作、环境状态及任务执行过程,支持调试与结果分析。 3. 实时数据流处理与通信 - 构建低延迟数据通信层:使用WebSocket/WebRTC 实现传感器数据流的实时传输与播放控制。 - 设计时间轴同步机制:确保多传感器数据(视频、激光雷达、关节状态)在回放时严格对齐,支持全局时间戳控制。 4. 跨职能协作 - 与后端工程师紧密合作,定义数据接口格式、通信协议及性能优化点。 - 与算法/数据工程师协作,理解数据语义与业务需求,设计直观的数据交互流程。 - 与仿真团队对接,实现仿真结果的可视化验证。
包括英文材料
JavaScript+
https://developer.mozilla.org/zh-CN/docs/Learn_web_development/Core/Scripting
[英文] Learn JavaScript
https://learnjavascript.online/
The easiest way to learn & practice modern JavaScript
[英文] Learn JavaScript
https://web.dev/learn/javascript
https://www.youtube.com/watch?v=zuKbR4Q428o
Write bulletproof JavaScript code with unit testing!
TypeScript+
https://www.youtube.com/watch?v=JHEB7RhJG1Y
Master TypeScript from basics to advanced concepts through hands-on tutorials covering type annotations, generics, data fetching, Zod library, and more, with practical challenges for effective real-world application.
React+
[英文] Quick Start - React
https://react.dev/learn
This page will give you an introduction to 80% of the React concepts that you will use on a daily basis.
https://www.youtube.com/watch?v=SqcY0GlETPk
Master React 18 with TypeScript! ⚛️ Build amazing front-end apps with this beginner-friendly tutorial.
https://www.youtube.com/watch?v=x4rFhThSX04
Learn modern React basics in the most interactive, hands-on way possible in the full course for beginners.
Vue+
[英文] Tutorial | Vue.js
https://vuejs.org/tutorial/
The goal of this tutorial is to quickly give you an experience of what it feels like to work with Vue, right in the browser.
https://www.youtube.com/watch?v=VeNfHj6MhgA
3 Hour crash course of the Vue.js framework. You will learn all the fundamentals including components, directives, lifecycle, events and much more.
D3.js+
https://www.freecodecamp.org/news/d3js-tutorial-data-visualization-for-beginners/
I'm going to walk you through how to use D3.js in a step by step and beginner-friendly way.
WebGL+
[英文] Learn WebGL
https://learnwebgl.brown37.net/
The traditional approach to learning a subject is to divide the topic into sub-topics, study each sub-topic, and then show how the sub-topics relate to each other.
https://www.youtube.com/watch?v=bP7_FeP9kU4
Ever want to know how 3D games and simulations are made?
https://www.youtube.com/watch?v=y2UsQB3WSvo
I'm finally getting around to updating my WebGL series! The old series used some fairly outdated JavaScript.
Three.js+
[英文] Getting Started
https://threejs.org/manual/
https://www.youtube.com/watch?v=UMqNHi1GDAE
Learn fundamental JavaScript coding techniques by creating dazzling real-time 3d animations and effects using three.js.
还有更多 •••
相关职位
社招数据开发岗
负责具身智能数据平台的前端系统建设,打造面向算法工程师、数据工程师的统一工作台,支撑数据可视化、数据理解、数据操作与多模态数据标注等核心能力 1. 负责数据平台前端整体架构设计与功能实现,支撑复杂数据与任务流程的可视化与交互 2. 实现多模态数据的可视化展示能力,包括图像、视频、点云、轨迹与传感器数据 3. 与后端与算法团队协作,推动半自动标注、智能辅助标注等能力的前端落地 4. 持续优化前端性能、交互体验与工程质量
更新于 2026-01-13北京

社招技术
1、保证智能驾驶传感器数据在 Foxglove 上高效可视化,支持 Life 模式(实时)和回放模式(历史场景)的迭代。2、负责 Foxglove 数据接入、消息适配及可视化迭代开发。3、编写和维护 ROS2 / MCAP / db3 数据发布节点,确保实时数据流和回放数据的可靠性。4、优化高频传感器数据(LiDAR、IMU、摄像头等)的发布和回放性能。5、配置和优化 Foxglove workspace,使团队能够高效复现和分析场景。6、与算法、系统和前端团队紧密协作,持续改进可视化工具链和数据流管理
更新于 2025-09-25上海
社招IDG
-负责自动驾驶离线数据标注和分析平台可视化功能的开发和维护,确保平台的稳定性、高效性和易用性 -利用前端技术栈(如ReactJS等)实现复杂数据(传感器、PNC等)可视化显示,提升用户体验 -不断优化数据可视化算法和展示方式,提高数据分析的准确性和效率 -与自动驾驶研发团队紧密合作,根据需求进行定制化开发,满足项目需求 -关注自动驾驶及前端技术领域的发展趋势,持续学习新技术,提升团队技术实力
更新于 2024-10-08北京