การแสดงคุณลักษณะของคลัสเตอร์ในเว็บแม็พ


15

ฉันกำลังมองหาสัญลักษณ์ที่ดีที่สุดในการแสดงคุณสมบัติแบบคลัสเตอร์ใน ArcGIS Server JS API

ฉันไม่ชอบสัญลักษณ์ภาพเคลื่อนไหว "fly-out" ตามที่ใช้ในการทำคลัสเตอร์ Silverlight APIหรือตัวอย่างการทำคลัสเตอร์ JS (พวกเขารู้สึกว่าเป็นลูกเล่นเล็กน้อย)

เพื่อให้ห่างไกลเลือกที่ดีที่สุดที่ฉันได้พบเป็น Google Maps เครื่องหมายสัญลักษณ์ clusterer

ฉันจะไม่แสดงตัวเลขที่อยู่ตรงกลางของสัญลักษณ์คลัสเตอร์ แต่จะเปลี่ยนขนาดของสัญลักษณ์เพื่อแสดงความเข้มข้นของคุณลักษณะเช่นเดียวกับใน mockup นี้:

ป้อนคำอธิบายรูปภาพที่นี่

มีตัวเลือกสัญลักษณ์การจัดกลุ่มอื่นใดอีกบ้าง คุณช่วยชี้ฉันไปที่แผนที่ซึ่งแสดงให้เห็นว่ามีการใช้งานการจัดกลุ่มเครื่องหมายได้อย่างดีหรือไม่?


คุณ จำกัด สัญลักษณ์ที่เป็นจุดหรือไม่?
Andy W

@AndyW ฉันกำลังแสดงคุณสมบัติจุด แต่ฉันไม่ได้ถูก จำกัด ให้เป็นสัญลักษณ์จุด ภาพตัวอย่างด้านบนใช้สัญลักษณ์แสดงเครื่องหมายรูปภาพหากช่วยได้
สตีเฟ่นนำ

คำตอบที่หลากหลายบอกว่าการชี้แจงเพิ่มเติมจะช่วยได้บ้าง คุณหมายถึง "สัญลักษณ์ที่ดีที่สุด" ในแง่ใด มันอาจขึ้นอยู่กับแอปพลิเคชันและผู้ชมและอาจมีความหมายว่า "สวยที่สุด" "ง่ายที่สุดในการติดตั้ง" "ง่ายที่สุดสำหรับผู้ดูที่จะรับรู้และแยกแยะ" หรือ "การประเมินเชิงปริมาณที่แม่นยำที่สุด" ทางออกที่ดีที่สุดในความรู้สึกเหล่านี้อาจเป็น heatmaps, เครื่องหมายของ Google หรือ Bing, ผู้รู้และแปลงทานตะวันตามลำดับ แต่โซลูชันเหล่านี้ส่วนใหญ่ไม่ดีเท่ากันทุกประการ
whuber

@whuber "ง่ายที่สุดสำหรับผู้ใช้ที่ไม่ใช่ผู้เชี่ยวชาญที่จะเข้าใจสิ่งที่เกิดขึ้นโดยไม่มีคำสั่ง" เป็นวัตถุประสงค์ ตำแหน่งที่แม่นยำของคุณสมบัติไม่สำคัญเท่ากับความจริงที่ว่าคุณลักษณะบางอย่างนั้นเป็น "จุดเดียว" และบางแห่งก็เป็น "จุดที่เป็นกลุ่ม" เห็นได้ชัดว่ามีบางสถานที่ในสถานที่มากขึ้นและมีคุณสมบัติน้อยลงในพื้นที่อื่น ๆ ? แผนที่ด้านบนใช้งานได้สำหรับฉัน แต่เป็นกรณีสำหรับทุกคนและมันเป็นทางออกที่ดีที่สุดหรือไม่ ขอบคุณ
สตีเฟ่นนำ

1
หากไม่มีตำนานฉันไม่สามารถเข้าใจตัวอย่างของคุณได้ แม้จะรู้ถึงความตั้งใจของมันฉันก็ไม่สามารถอ่านด้วยความแม่นยำเพราะฉันไม่รู้ว่าสัมพันธภาพระหว่างขนาดสัญลักษณ์กับขนาดของคลัสเตอร์ (คือเส้นผ่าศูนย์กลางวงกลมพื้นที่วงกลมหรืออย่างอื่น) อะไรคือสีฟ้า / ความแตกต่างสีแดงพยายามที่จะถ่ายทอด? หากคุณต้องการหลีกเลี่ยงการสอนคุณจำเป็นต้องใช้วิธีการที่มีประสิทธิภาพมากที่สุดในการสร้างความแตกต่างและถ่ายทอดปริมาณที่ทราบ (เช่นการใช้ความสว่างมากกว่าสีเพื่อสื่อความเข้มของปริมาณ) และเตรียมพร้อมสำหรับความเข้าใจผิดอยู่ดี
whuber

คำตอบ:


10

ในการทำแผนที่แบบดั้งเดิมการจัดกลุ่มตัวทำเครื่องหมายถูกเรียกว่าการรวมหรือบางครั้งการรวมกัน มันเป็นส่วนหนึ่งของการวางแบบทั่วไป : เมื่อซูมออกแนวความคิดที่มีรายละเอียดบางอย่าง (เช่นต้นไม้) หายไปเพื่อแทนที่ด้วยรูปแบบรวมที่มีรายละเอียดน้อยกว่า (เช่นฟอเรสต์)

ตัวอย่างที่ดีมากมายสามารถพบได้ในหนังสือทำแผนที่ที่ดี นี่คือสองตัวอย่างจากหนังสือเล่มนี้เกี่ยวกับการสร้างการรวม:

ป้อนคำอธิบายรูปภาพที่นี่

ป้อนคำอธิบายรูปภาพที่นี่

ป้อนคำอธิบายลิงก์ที่นี่ http://www.ailleursloin.free.fr/A/depot/village_generalise_200k_sans_bati.jpg

ฉันคิดว่าคุณกำลังมองหาวิธีการดำเนินงานที่จะทำมันโดยอัตโนมัติ งานนำเสนอนี้ให้ภาพรวมของวิธีการอัตโนมัติที่มีอยู่ คุณอาจจะมีทรัพยากรในการพัฒนาอัลกอริทึมที่แสดง ... มิฉะนั้นคุณสามารถพบการใช้งานจาวาของขั้นตอนวิธีนี้ (ซึ่งอนุญาตให้มีการสร้างซองของสัญลักษณ์ที่ห่างไกล) มีและยังมีขั้นตอนวิธีนี้ มี

แผนที่ความร้อนนั้นค่อนข้างเป็นทางเลือกที่ดีสำหรับปัญหานี้ ดูมีการดำเนินการ ดูยังmaptimize

ป้อนคำอธิบายรูปภาพที่นี่


1
ขอบคุณสำหรับการตอบรับอย่างละเอียด จริง ๆ แล้วฉันมีความสุขมากกับอัลกอริทึมจริงที่ฉันใช้ - การดัดแปลงสคริปต์ตัวอย่างนี้ - ดังนั้นฉันจึงกังวลเกี่ยวกับสัญลักษณ์หรือการแสดงคุณลักษณะของคลัสเตอร์มากขึ้น ฉันชอบวิธีการใช้แผนที่ความร้อน แต่มีจุดไม่เพียงพอในกรณีของฉันเนื่องจากคุณสมบัติไม่หนาแน่นเป็นพิเศษ ขอขอบคุณอีกครั้ง
Stephen Lead

คุณช่วยอัพเดทลิงค์เสียได้ไหม?
phil294

7

มีตัวเลือกมากมายและในความเป็นจริงฉันพยายามผ่านคำถามเดียวกันในขณะที่กลับมาใช้งานบางส่วนของฉัน และสำหรับผลิตภัณฑ์ที่แตกต่างของเราเราก็จบลงด้วยการแก้ปัญหาที่แตกต่างกัน ดังนั้นคุณต้องถามตัวเอง

  1. ไอคอนเดี่ยวทั้งหมดบนแผนที่ที่มี "ชนิด" เหมือนกัน - มีรูปร่างและสีเหมือนกันหรือไม่
  2. หากพวกเขาไม่ได้พวกเขาทั้งหมดอาศัยอยู่บน 1 เลเยอร์หรือหลายเลเยอร์?
  3. หากใช้หลายรายการคุณจะทำคลัสเตอร์แต่ละเลเยอร์หรือการจัดกลุ่มข้ามชั้นหรือไม่
  4. หากการทำคลัสเตอร์แต่ละเลเยอร์จะเกิดอะไรขึ้นถ้าไอคอนซ้อนทับกันในเลเยอร์คุณจะมีกลุ่มของคลัสเตอร์หรือไม่
  5. คุณจำเป็นต้องรู้ประเภทของสิ่งที่ "การทำคลัสเตอร์" หรือ "เฮ้นั่นคือมีคลัสเตอร์" บนแผนที่ และข้างต้นคุณบอกว่าคุณไม่จำเป็นต้องรู้ว่ามีกี่รายการที่มีเพียงแค่ดูที่ไอคอนคลัสเตอร์

นี่คือตัวอย่างสองตัวอย่างและสิ่งที่พวกเขาหมายถึงและวิธีที่พวกเขาทำ ทั้งหมดทำด้วยอัลกอริทึมการจัดกลุ่มแบบกำหนดเองไม่ใช่กับการทำคลัสเตอร์ Bing (ภาพที่ 1) หรือกลยุทธ์การทำคลัสเตอร์ OL (ลำดับที่ 2) วิธีนี้ฉันสามารถควบคุมรูปลักษณ์และความรู้สึกได้มากขึ้น

เครื่องหมายคลัสเตอร์โปร่งใส

แคปหน้าจอจากแอป Bing เรามีประเภทและสีของไอคอนที่แตกต่างกันหลายชั้น เราเลือกที่จะจัดกลุ่มไอคอนจากนั้นซ่อนทั้งหมดด้วยไอคอนบนสุด (สำคัญที่สุด) ในคลัสเตอร์จากนั้นไอคอนบนสุดจะถูกวางซ้อนด้วยภาพโปร่งใส สมมติว่าไอคอนของฉันมีขนาด 20x20 ตัวบ่งชี้คลัสเตอร์เป็นภาพ 30x30 ที่โปร่งใส 80% ยกเว้นมีเครื่องหมายบวกที่มุมบนขวา ดังนั้นเมื่อวางซ้อนทับด้านบนของไอคอน "ตัวแทน" คลัสเตอร์ของฉันดูเหมือนว่าฉันมีกลุ่มของสิ่งที่อยู่ด้านล่าง เมื่อผู้ใช้เลื่อนหรือคลิกเหตุการณ์จะไปที่ไอคอนคลัสเตอร์และพวกเขาได้รับข้อความ "จำนวน N ของรายการที่เป็นกลุ่ม" และสามารถคลิกหรือดูรายละเอียดเพิ่มเติม

ป้อนคำอธิบายรูปภาพที่นี่

ในสถานการณ์นี้เราใช้วิธีที่ง่ายกว่า ไอคอนยังคงอยู่บนเลเยอร์ที่แตกต่างกันและมีความหมายที่แตกต่างกันและเราจัดกลุ่มข้ามเลเยอร์ แต่ไอคอนตัวแทนเป็นเพียงสัญลักษณ์ PLUS ไขมันขนาดใหญ่ [ที่มีขนาดแตกต่างกันไปจนถึงขีด จำกัด ที่แน่นอน]

โดยพื้นฐานแล้วเราเลือก "บวก" "+" เพื่อระบุกลุ่มในทั้งสองแอพ แต่ใช้เส้นทางที่แตกต่างกันในการวางบนแผนที่ - วางไอคอนแผนที่ที่มีอยู่แล้วเพื่อให้แผนที่มีความหมายมากขึ้นหรือเพียงแค่ล้างแผนที่ และใส่เครื่องหมายบวกและให้ผู้ใช้เจาะลึกข้อมูลเพิ่มเติม


ขอบคุณสำหรับคำตอบอย่างละเอียด ในกรณีนี้คุณสมบัติทั้งหมดอยู่ในเลเยอร์เดียวกัน แต่คุณเพิ่มคะแนนที่น่าสนใจในกรณีที่ไม่ได้ วิธีการ + เป็นวิธีที่น่าสนใจ
Stephen Lead

5

คุณอาจได้รับแรงบันดาลใจจากการแปลงดอกทานตะวัน วิธีนี้ซึ่งใช้กันมานานหลายสิบปีในการเป็นตัวแทนของกลุ่มจุดบน scatterplots ใช้ประโยชน์จากการวิจัยในการรับรู้ทางสายตาเพื่อผลิตเครื่องหมายที่จำแนกอย่างรวดเร็วและถูกต้องและมีความสัมพันธ์กับขนาดของกลุ่ม

นี่คือตัวอย่างที่ทำในR:

ป้อนคำอธิบายรูปภาพที่นี่

ใช้จินตนาการเล็กน้อยเพื่อดูว่าเทคนิคนี้สามารถนำไปใช้ในการสร้างแผนที่ที่กว้างกว่าแผนการกระจายอย่างไร


บิลขอบคุณสำหรับเคล็ดลับ - พล็อตทานตะวันนั้นเจ๋งมากและทำงานได้ดีใน scatterplot มันไม่เหมาะกับกรณีของฉันเพราะเว็บไซต์นี้มีจุดประสงค์เพื่อผู้ใช้มือใหม่และนี่จะเกินความเป็นจริง (PS แนวทางความร้อนที่ถ่ายโดย Fusion Tables อาจทำงานบน scatterplot? geochalkboard.files.wordpress.com/2010/03/fusion2.png )
Stephen Lead

1
@ การไล่ระดับสีของ Color มีแนวโน้มที่จะไม่ทำงานเช่นกันสำหรับการอ่านกราฟิกเชิงปริมาณ (เช่นถูกต้องและรวดเร็ว) ประมาณ 6% ของประชากรการสำเร็จการศึกษาจากสีแดงเป็นสีเขียว (ดังแสดงในตัวอย่าง) นั้นยากที่จะมองเห็น เนื้อหาที่เพิ่มขึ้นของวรรณกรรมในการสร้างภาพข้อมูลเชิงปริมาณแสดงให้เห็นว่าเราไม่ควร จำกัด คุณภาพของกราฟิกของเราอย่างรวดเร็วในการคาดคะเนว่าผู้ใช้มือใหม่จะไม่สามารถชื่นชมหรือใช้มันได้ ตัวอย่างเช่น Tufte, Cleveland หรือ Wainer
whuber
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.